使用WebStorm学习写小程序,使用less时出现了下面的问题:![在这里插入图片描述](https://img-blog.csdnimg.cn/20201107210427849.png#pic_center)
环境:Win10 WebStorm2020 npm6.14.8
解决方案:首先要安装一个小插件File Watchers(默认应该是安装了的)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201107211111717.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODgwNzA4,size_16,color_FFFFFF,t_70#pic_center)
打开终端Terminal输入命令:
npm install -g less
less会安装在你当前目录下(以D盘为例):
D:\node_modules\less\
不过,可执行文件在这里:
D:\node_modules\.bin\lessc.cmd
下面配置less路径:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201107211358879.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODgwNzA4,size_16,color_FFFFFF,t_70#pic_center)
把lessc.cmd文件路径填入Program框:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020110721152479.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODgwNzA4,size_16,color_FFFFFF,t_70#pic_center)
测试:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201107213517364.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODgwNzA4,size_16,color_FFFFFF,t_70#pic_center)
大功告成!