爲什麼要用Less?(安裝步驟下拉)
1.維護CSS的弊端
css是一門非程序式語言,沒有變量、函數、SCOPE(作用域)等概念
- css需要書寫大量看似沒邏輯的代碼,冗餘度較高
- 不方便維護及擴展,不利於代碼的複用
- css沒有很好的算力
- 非前端開發工程師來講,往往會缺少css編寫經驗而很難寫出組織良好且易維護的css代碼項目
2.Less介紹
less(Leaner Style Sheets)是一門css擴展語言,也叫做css預處理器。
作爲css的一種形式的擴展,它並沒有減少css的功能,而是在現有語法加入程序性語言的特性。
他在css的語法基礎之上,引入了變量,Mixin(混入),運算以及函數等功能,大大簡化css編寫,降低css維護成本,就如名一樣,less :少,讓更少代碼做更多的事情。
安裝地址:http://lesscss.cn/
3.Less安裝
1. 首先安裝nodejs,版本自選,網址 http://nodejs.cn/download/
- 檢查是否安裝成功,使用cmd命令(win10是window + r打開 運行輸入cmd) --輸入“node-v” 查看版本即可
- 基於nodejs在線安裝Less,使用cmd命令“npm install -g less ”即可
- 檢查是否安裝成功,使用cmd命令 “less -v” 查看版本即可
步驟如下:
1.
2.
3.
直接安裝
快捷鍵win + r
如果顯示版本號,已經安裝成功了!
接下來輸入 npm install -g less 安裝
再次檢查我們是否安裝完成 lessc -v
到這一步就已經完成了。
分享到這,整理不易,轉載附上鍊接https://blog.csdn.net/weixin_46313446/article/details/105763054