介紹編譯的less的兩種IDE工具
現在css預編譯越來越普及了，著名的有less、sass、stylus等等等等。功能上基本上都是大同小異。這些個玩意兒主要表達的意思就是：“像編程一樣的編寫你的css”。
我在群里面看到好多的網友都是用koala這個工具編譯less，這個工具我也用過，但是我覺得他很麻煩。
下面我介紹兩個IDE工具，它們都能解析less，關鍵是不用那么麻煩,廢話不多說，下面開始介紹：
第一種：webstorm （強大前端開發IDE）
我在前面的博文介紹過webstorm 安裝less解析成css的文章。
點擊這里：webstorm9.3 安裝less 編譯css教程
本文就不在介紹了。
第二種：HBuilder (自帶less編譯插件)
今天主要介紹這款工具的，
首先，你得下載這個工具，下載地址：http://www.dcloud.io/
下載完成后，打開軟件。
選擇，“工具” -> “插件安裝”
找到“less sass編譯插件”,如果默認沒有安裝 ，就點擊安裝，安裝過的直接使用就可以了，安裝都免了
好了，到這里基本上安裝這一步就完成了，下面介紹如何使用HBulider編譯less?
首先新建項目web項目。
文件 -> 新建 -> web項目
新建完成如下：
在css文件夾下面新建style.less文件
“ctrl + s”保存，會在同級文件下面生成style.css文件
打開style.css文件，如下：
好了，搞定了，直接引用解析的css就可以了
gif操作展示：
2017-4-14日添加
第三種：Sublime text 3編譯less
Sublime text 3也可以編譯less，但在這之前，必須要安裝node.js，並配置好環境變量，安裝方法網上有很多，博主就不再贅述，Sublime Text3 支持Less，點擊即可查看。
本教程到這里就結束了。so easy 吧(*^__^*)