码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-05-10 23:06:28      阅读:610      评论:0      收藏:0      [点我收藏+]

标签:

  一、准备
 
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未能成功安装,或者安装有问题

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

标签:

原文地址:http://www.cnblogs.com/haley168/p/webstorm_less.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!