1.在webStrom 中新建 stylesheet ,类型选择less
image.png
2.设置less watch
image.png
下面解释一下各个参数的含义:
1.immediate file synchronization:
编译less文件时，实时编译生成css文件。默认是勾选的，建议取消掉，取消勾选后，less文件将在保存后 生成编译 css文件。
- propgram: 这里填写lessc.cmd 的路径。 如果没有全局安装 less ，可使用名称：
cnpm install less -g
一般这个路径，webstrom会自动获取到，没有的话就手动填写
3.Argument：
–no-color $FileName$ 使用默认的就好
这里的命令，可以参考 less 官方文档。
4.Output paths to refresh:
输出配置，我这里写的是： ../css/$FileNameWithoutExtension$.css
意思是编译后的css文件保存在 上一级的 css 目录，文件名称以 less原文件命名