Sublime Text3 自動編譯less 的配置

蝸牛君_發表於2018-06-19

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:直接下載 解壓檔案 放到外掛資料夾下

相關文章