讓Sublime Text3支援Less
阿新 • • 發佈:2018-12-14
1、安裝Sublime 外掛
(1)安裝LESS外掛:因為Sublime不支援Less語法高亮,所以,先安裝這個外掛,方法: ctrl+shift+p>install Package>輸入less按Enter
(2)安裝LESS2CSS外掛:這個外掛的作用是
當儲存less檔案的時候自動生成同名的css檔案;
當儲存less檔案的時候提示編譯錯誤資訊;
批量編譯專案目錄下的所有less檔案為css檔案。
安裝方法:ctrl+shift+p>install Package>輸入less2css按Enter
2、安裝Node.js
首先先配置一下環境,less需要nodejs支援,所以我們先要安裝一下nodejs。到nodejs官網下載就可以了:https://nodejs.org/en/
3、安裝less
cmd 下:
npm install -g less
之後在 Sublime 裡面建less檔案時,會有一個錯誤
LESS: Unable to interpret argument clean-css
這是因為還需要一個外掛
less-plugin-clean-css外掛的安裝
npm install less-plugin-clean-css -g
重啟一下sublime,搞定。
小提示 -g不能少,因為安裝後是全域性的。