webstorm下搭建编译less环境

webstorm自带less，不过要编译的话需要nodejs环境。

1. 首先去node的主页下载对应版本的nodejs然后安装，下载地址：http://nodejs.org/
2. 安装完之后打开命令提示符（win+r）,分别输入node -v以及npm -v如果返回版本号说明你安装成功了。
3. 接下来就可以安装less了，命令提示符npm进入npm管理器，然后npm install less -g 开始下载less，默认安装目录在用户名\node_modules这里面。检验是否安装成功了，lessc -v回车，然后出现这样版本号的就证明成功了。

    

4. 接下来配置webstrom，
   1. 打开webstorm的file->settings ->External Tools，点击左上角的“加号”标志add，进入对话框，文件-设置-File Watchers-然后点击右边的+，选择less，

      

   2. 

      这里写lessc的地址+$FileName$

5. 然后确定，应用就可以使用了，保存less文件，将自动生成css文件。
6. 万一没有成功，可以参考一下这个网址http://npm.taobao.org/

转载于:https://www.cnblogs.com/gaoliwei/p/6889396.html