WebStorm 自动编译 LESS 产出 CSS 的配置设置

[mishe]

找了很多资料结果发现很多配置都是不成功的，只能琢磨着自己整整了。

配置如下：

打开WebStorm，点File-->Settings,找到File Watchers,点右侧的“+”，选择LESS,更改对应项的设置如下：

Program:E:\nodejs\node.exe

Arguments:E:\nodejs\node_modules\less\bin\lessc $FileName$ $FileDir$\css$FileNameWithoutAllExtensions$.css

Working directory:$FileDir$

Output paths to refresh:为空就好了

之后，所有的less文件，在创建和修改时都会自动编译成对应文件名的css文件，放入工程文件的css目录下。