webstorm 安裝less自動轉css

1.安裝LESS包
進入nodejs目錄，npm install -g less    
cmd> where node  查看node目錄
2. 進入node目錄，該目錄下有兩個目錄，分別爲less，npm，less裏面包含.bin目錄（該目錄下有lessc編譯器（lessc文件）），把D:\nodejs\node_modules\.bin添加到path環境變量中

3. 檢測下安裝有沒成功，   cmd>lessc -version

4.webstorm配置file watchers   :  settings > tools > file watchers > + less

想順便壓縮編譯後的css，除了在Arguments中寫入--plugin=less-plugin-clean-css外還要安裝壓縮插件：npm install -g less-plugin-clean-css，這裏要注意我安裝的路徑，若是最後less-plugin-clean-css的路徑和上邊的/Users/xx/node_modules/less不一個路徑的話也跑步起來，這樣怎麼解決呢，能夠直接將clean-css路徑中的less-plugin-clean-css文件夾copy到/Users/xx/node_modules/中搞定