webstorm自动编译Less文件成css

使用前需要先安装node.js和Lessc，此处请自行百度。

首先找到webstom的 setting -> tools -> file watchers -> Less 如下图：

双击less弹出如下页面，需要修改如下红框的2个选项，Program和Arguments：

如果没有Less选项请使用右上角的加号添加，如下图：

1.修改program为你预先安装的Lessc路径，如我的是

program： C:\Users\Administrator\AppData\Roaming\npm\lessc.cmd

2.修改arguments如下通用的

arguments： $FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css

3.参数解析：
$FileName$ ：表示less文件名ÿ