PHPStorm實現自動編譯less文件

1、下載nodejs

https://nodejs.org/en/

 

2、安裝，一直「Next」

 

3、檢查是否安裝成功

 

4、安裝lessc模塊

 

cmd     // 打開cmd控制檯

cd F:\Program Files\nodejs\node_modules\npm     // 進入npm包管理模塊

npm install less     // npm命令安裝less模塊

 

 

5、安裝less-plugin-clean-css插件（less的插件，用於壓縮代碼）

 

cd F:\Program Files\nodejs

npm install less-plugin-clean-css

 

 

6、重啓電腦（必須，不然下面不會自動編譯成功）

 

7、PHPStorm自動編譯less文件

 

OK~，接下來你在項目裏編輯less文件時，會自動時時生成css文件了

效果以下：