Sublime Text和WebStorm中配置LESS

LESS的强大在这就不多说了，有兴趣的可以去官网学习:http://less.bootcss.com/，github上也有先关的资源:https://github.com/less/less.js
在这就不多提，直接进入主题:

sublime配置less

 1. node js

首先，配置less得在node的前提下，所以我们得先安装node js，安装包地址：https://nodejs.org/en/download/。这边推荐一篇关于安装的教程：http://www.runoob.com/nodejs/nodejs-install-setup.html

 2.Sublime 配置less

第一步：win+r打开cmd，输入命令行 “npm install less -g”运行，然后npm就自动开始下载并安装LESS。

如果在cmd能得到这样的命令行说明less就下载安装完成了。
第二步：打开sublime，这边当做你已经不是第一次使用sublime，基本的插件这边就不多提了。ctrl+shift+p打开Package Control，先安装 less2Css 插件：
插件特性：

1. 当保存less文件的时候自动生成同名的css文件；
2. 当保存less文件的时候提示编译错误信息；
3. 批量编译项目目录下的所有less文件为css文件
   （别人那边偷来的我不说！！！）

安装好以后，再去cmd中输入lessc：

显示这样那么离成功就差一不了！
第三步：在cmd中输入命令行：npm install less-plugin-clean-css

这样sublime中less配置就完成了。
可以在sublime中建一个以.less为后缀的文件，自动会生成一个.css文件。

webstorm配置

 1. node js

同上。

 2. 下载安装less npm install less -g

 3. 在webstorm中 FILE-->SETTINGS-->TOOLS-->FILE WATCHERS-->添加按钮-->选择less-->apply-->确定

推荐一个文章吧还是QAQ·：http://www.cnblogs.com/haley168/p/webstorm_less.htm