如何用sublimeText3編寫less並用Nodejs自動編譯成css
最近剛接觸less，過程比較多怕以後再安裝又要重新查資料，在這裏把我的安裝過程記錄下來：
最後實現的效果就是在sublimeText3中編寫less有語法高亮，
並且在每一次按crtl+s保存後 nodejs會把less自動編譯生成css文件
1、安裝Sublime 插件
（1）安裝LESS插件：
因爲Sublime不支持Less語法高亮，
所以，先安裝這個插件，
- 方法1： (首先確保sublime上已安裝了Package Control) 按住ctrl+shift+p>install Package>輸入less按Enter
- 方法2：直接下載後 解壓文件 放到插件文件夾下（首選項-瀏覽插件 打開文件夾）
下載地址：https://github.com/danro/LESS-sublime
（2）安裝LESS2CSS插件：
less2css的讀音 其實就是less to css
這個插件的作用是
當保存less文件的時候自動生成同名的css文件；
當保存less文件的時候提示編譯錯誤信息；
批量編譯項目目錄下的所有less文件爲css文件。
安裝：
方法1：ctrl+shift+p>install Package>輸入less2css按Enter
方法2：直接下載：https://github.com/timdouglas/sublime-less2css
解壓文件 放到插件文件夾下
但是我們還要讓sublime支持less並自動編譯，所以還需以下步驟：
2、安裝Node.js
首先先配置一下環境，
less需要nodejs支持，
所以我們先要安裝一下nodejs
到nodejs官網下載就可以了：https://nodejs.org/en/
3、安裝less
運行-cmd：
輸入命令行：
npm install less -g
-g 代表着全局安裝less
之後在 Sublime 裏面建less文件時，會有一個錯誤
LESS: Unable to interpret argument clean-css
這是因爲還需要一個插件
less-plugin-clean-css插件的安裝
命令行爲：
npm install less-plugin-clean-css -g
接着重啓一下sublime，就搞定啦！
tips1:
如果Package control 點擊install後出現這個報錯
有可能是IPv6造成的，可以參考這篇文章解決問題
http://blog.csdn.net/freshlover/article/details/44261229/
或者其他原因，參考這篇文章
http://www.jianshu.com/p/a3af44257b15
如果還是沒能解決問題，就用方法2手動下載吧
可以直接在github或百度上搜索這兩個插件下載
在sublimeText菜單中選擇首選項-瀏覽插件 打開插件文件夾
把下載的插件解壓後扔進去就可以啦
tips2:
編譯less後css被壓縮成一行解決辦法
當我們在sublimeText中編寫less 按下ctrl+s 保存後
再去看我們的css 會發現它被壓縮成了一行，像這個樣子：
這個時候該怎麼辦呢，很簡單，修改一下less2css插件的設置就可以了
在sublimeText菜單中選擇 ：
中文版：首選項→插件設置→Less2Css→Settings-Default
英文版：Preferences → Package Settings → Less2Css → Settings-Default
打開默認設置：
把"minify":true 的true 改成 false 記得保存一下 就OK啦
【mac版本注意】
mac版中的Settings-Default是不能直接修改的 你需要把Settings-Default中的內容粘貼到對應的Settings - User 然後再進行修改即可。
再編譯一遍來看看效果：
完成！