版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013626215/article/details/80764143
使用前需要先安装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文件名，《记住后面有个空格跟后面的路径做分割》
$FileParentDir$\css\$FileNameWithoutExtension$.css：表示自定义生成的css文件路径，
如：（src\css\xxx.css）
此处也可以自定义目录，需要修改\css\
如在这个目录中生成css文件（src\style\css\xxx.css），对应就是下面的路径配置
$FileParentDir$\style\css\$FileNameWithoutExtension$.css
配置完成保存后，返回webstorm界面，修改创建的Less文件或新建Less文件demo.less，保存刷新一下就会自动在src/css/demo.css目录下生成demo.css文件或修改的内容