最近在研究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即可