一、准备
1.1 node.js 安装包
去往腾讯微云下载
1.2 npm(lessc.cmd)
去往腾讯微云下载
1) 安装js解析器node.js。直接下一步就ok了。
2) 将npm压缩包解压,找到里面的lessc.cmd文件,放到c盘下一个没有中文路径的目录下,我们假如是 C:\xampp\htdocs\tools\npm
![](https://i-blog.csdnimg.cn/blog_migrate/9274fde542b49f9cf0e243d89194ab45.png)
3)
3.1 打开webstorm→file→settings→Tools→file watching
点击“+”→less文件→Program右侧点击“。。。”弹出对话框,选择我们之前的文件,然后确定。
确定。
![](https://i-blog.csdnimg.cn/blog_migrate/0b3f96cbea11720218cfbdee707e7187.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5ef179c2db34619eaf030a480f514dc7.png)
![](https://i-blog.csdnimg.cn/blog_migrate/04ee7e1b0f07679114c6d4a72ccddff6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2e3cb955a4f782b566b0c07c00517dba.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7c1168d6b2a72179b004493e8e3bd5ae.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2f17b80f0820b372c74e157e21fd4971.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8fe46855257460a91b39dca768ac330c.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2e62598e84a7062012a997f50ea71b25.png)
三、使用
新建haley.less文件,在html中进行引用
![](https://i-blog.csdnimg.cn/blog_migrate/3a54de5432be618a98be4b4752804783.png)
![](https://i-blog.csdnimg.cn/blog_migrate/43fcc7d105acd7ae29b5782055917d0e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/08f54a976f66adc11c7f0341fa5e9940.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c3c1042e0290cdf8ea8d6a5ccee7aaf9.png)
![](https://i-blog.csdnimg.cn/blog_migrate/efbae068c7756c89f457912469cb856d.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9ba3014bab4affe0f533561ca1b0dab4.png)
四、问题解决
出现如下乱码提示问题
出现如下乱码提示问题
![](https://i-blog.csdnimg.cn/blog_migrate/e2ee9a94147657797c8d4b662fff262b.png)
说明node.js未能成功安装,或者安装有问题
解决办法:重新安装node.js,然后重新启动电脑
其他问题:17年2月13日 升级6.9node后无法编译less(提示一堆英文,忘记截图了),只好退回到v4.1.0后,可以编译。(退回方法:卸载重装。)