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文件存放的路径以及取什么名字以及后缀。默认就好