webstorm配置less解析的方法及注意事项

  一、准备

 

1.1 node.js 安装包    去往腾讯微云下载

 

1.2 npm（lessc.cmd）   去往腾讯微云下载

1.3 webstorm      去往腾讯微云下载

二、配置步骤

1) 安装js解析器node.js。直接下一步就ok了。

2) 将npm压缩包解压，找到里面的lessc.cmd文件，放到c盘下一个没有中文路径的目录下，我们假如是 C:\xampp\htdocs\tools\npm

 

3)

3.1 打开webstorm→file→settings→Tools→file watching

　　点击“+”→less文件→Program右侧点击“。。。”弹出对话框，选择我们之前的文件，然后确定。

　　确定。

三、使用

新建haley.less文件，在html中进行引用

四、问题解决
出现如下乱码提示问题

说明node.js未能成功安装，或者安装有问题

解决办法：重新安装node.js，然后重新启动电脑

其他问题：17年2月13日 升级6.9node后无法编译less（提示一堆英文，忘记截图了），只好退回到v4.1.0后，可以编译。（退回方法：卸载重装。）