nodejs下less的簡介和安裝,已上安裝的詳細過程...

爲什麼要用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/

  1. 檢查是否安裝成功,使用cmd命令(win10是window + r打開 運行輸入cmd) --輸入“node-v” 查看版本即可
  2. 基於nodejs在線安裝Less,使用cmd命令“npm install -g less ”即可
  3. 檢查是否安裝成功,使用cmd命令 “less -v” 查看版本即可

步驟如下:
1.
在這裏插入圖片描述
2.
在這裏插入圖片描述
3.
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

直接安裝

快捷鍵win + r
在這裏插入圖片描述
如果顯示版本號,已經安裝成功了!
在這裏插入圖片描述
接下來輸入 npm install -g less 安裝
在這裏插入圖片描述
再次檢查我們是否安裝完成 lessc -v
在這裏插入圖片描述

到這一步就已經完成了。
分享到這,整理不易,轉載附上鍊接https://blog.csdn.net/weixin_46313446/article/details/105763054

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章