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

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后,可以编译。(退回方法:卸载重装。)
No tags for this post.
0 条评论
发表一条评论