1. 程式人生 > >讓Sublime Text3支援Less

讓Sublime Text3支援Less

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不能少,因為安裝後是全域性的。