【PhpStorm】自动编译less


最近在研究Less,发现这个比css轻便多了,然后看了一下,原来PhpStorm可以直接将Less编译成css,然后再继续从css压缩成min.css,突然感觉方便多了。

简单介绍一下配置方法:
1.安装NodeJs
2.安装less:

1
npm install less -g

3.安装less-plugin-clean-css插件(可选,less的插件,用于压缩代码)

1
npm install less-plugin-clean-css -g

记住,less默认文件位置在C:\Users\xiaom\AppData\Roaming\npm

4.打开PhpStorm,文件->设置->工具->File Watcher,添加less

5.程序填less的位置C:\Users\xiaom\AppData\Roaming\npm\lessc
6.参数中默认有个--source-map,是否生成map,可根据自己的需求进行填

7.完毕,修改文件后按Ctrl+S即可自动编译。
8.如果出现编译失败,尝试重启PhpStorm即可