webstorm less watcher 配置文件

1、首先要先安装 less

  npm i less -g

记下 lessc 的安装路径，如：

   C:\Users\XXX\AppData\Roaming\npm\node_modules\less\bin\lessc

2、打开webstorm ，找到 File -> Settings -> Tools -> File Watchers
添加一个 less 选项

01

3、按照下图填写选项

02

选项说明：

Program : 填写 node.exe 所在的目录

Arguments: 选择之前记录的那个目录下 lessc 文件所在的路径， 后面加$FileName$，

Working directory:不用改，默认就好

Output...:就是指编译后css的存放路径，设置编译后的css文件存放的路径以及取什么名字以及后缀。默认就好
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容