一.编译
在全局安装less
npm install -g less
在webstorm setting ->tools -> filewatcher中设置 : ../css/$FileNameWithoutExtension$.css
![](file:///C:/Users/ADMINI~1/AppData/Local/Temp/enhtmlclip/Image.png)
![](https://images2015.cnblogs.com/blog/609283/201611/609283-20161115141854826-1566149653.png)
二.压缩
npm install -g clean-css
在webstorm setting ->tools -> filewatcher中不需要设置
![](https://images2015.cnblogs.com/blog/609283/201611/609283-20161115141816810-1293250396.png)
![](file:///C:/Users/ADMINI~1/AppData/Local/Temp/enhtmlclip/Image(1).png)
npm install -g less
npm install -g clean-css