webstorm增加less开发插件_html/css_WEB-ITnose

原文  

引自 http://www.tuicool.com/articles/aeye6rY

less大家都知道是什么了，现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行，今天我就讲下用 Nodejs 怎么来编译，我下面说的是针对 webstorm配合。

1，下载nodejs，并且安装，配置下环境变量。

安装成功结果

2，安装less

在cmd中输入

npm install less -g

less安装结果，记一下那个路径，后面会有用。

3，在webstorm里面配置less.

打开webstorm——File——Settings——Tools——File Watchers，点那个绿色的+ 按钮

我解释下上面的内容。

program : 选择node.exe所在的目录

Arguments: 选择之前记录的那个目录下 lessc 文件所在的路径， 后面加$FileName$，

Working directory:不用改

Output...:就是指编译后css的存放路径，后面有个insert..的按钮，自己摸索吧，这个地方就是设置编译后的css文件存放的路径以及取什么名字以及后缀。我就不多说了，大家自己玩玩就知道了。

谢谢大家