1 首選我們需要安裝node.js
首先先配置一下環境,
less需要nodejs支援,
所以我們先要安裝一下nodejs
複製程式碼
到nodejs官網下載就可以了:下載nodejs
2 安裝less
執行-cmd:
輸入命令列:
npm install less -g
複製程式碼
g 代表著全域性安裝less
之後在 Sublime 裡面建less檔案時,會有一個錯誤
LESS: Unable to interpret argument clean-css
這是因為還需要一個外掛less-plugin-clean-css外掛的安裝,命令列為:
npm install less-plugin-clean-css -g
複製程式碼
3 安裝sublime的外掛
(1)安裝less外掛:
因為Sublime不支援Less語法高亮,
所以,先安裝這個外掛
- 方法1: (首先確保sublime上已安裝了Package Control) 按住ctrl+shift+p>install Package>輸入less按Enter
- 方法2:直接下載後 解壓檔案 放到外掛資料夾下(首選項-瀏覽外掛 開啟資料夾) 下載地址
(2)安裝LESS2CSS外掛:
less2css的讀音 其實就是less to css 這個外掛的作用是 當儲存less檔案的時候自動生成同名的css檔案; 當儲存less檔案的時候提示編譯錯誤資訊; 批量編譯專案目錄下的所有less檔案為css檔案。
安裝:
- 方法1:ctrl+shift+p>install Package>輸入less2css按Enter
- 方法2:直接下載 解壓檔案 放到外掛資料夾下