windows下 sbulime text 安裝less2css踩的幾個坑

標籤：

sublime 就不介紹了，less2css 是一個安裝在sublime上的外掛程式，可以讓你書寫less後自動產生css檔案，而且還可以提示less的語法錯誤。

搜了一下相關的教程，很多都寫的不全，按照他們的步驟操作下來之後發現有錯誤，甚至無法正確運行。

直入主題吧，步驟（這裡唯寫windows下的安裝步驟，mac下使用brew來安裝很簡單，而且一般也不會出錯，直接跳過了）

1. 自動編譯依賴於node，因此要先安裝node，進入node官網下載自己需要的版本然後安裝完成，通常安裝程式會自動幫你配置環境變數，將node安裝目錄添加到系統變數中，如果沒有請檢查並手動添加該環境變數（不知道如何設定？自己動手咯）；

2. 安裝完node後還需要安裝node下的less，需要全域安裝（安裝完node後，自動就帶npm了，所以在dos命令列直接運行如下命令即可，-g 參數代表全域安裝，會幫你安裝到%appdata%目錄下）。

npm install -g less

不安裝的話將無法自動編譯

3. 在less2css運行時還會執行一個 clean-css的功能，因此還需要在node下安裝 less-plugin-clean-css，同樣需要全域安裝

npm install -g less-plugin-clean-css

不安裝的話，每次儲存會彈出錯誤提示，當然你也可以通過修改less2css的設定檔屏蔽錯誤提示。

4. 最後我們開啟sublime，使用install package命令安裝less2css外掛程式（ctrl+shift+P）-> install package -> less2css 斷行符號，等待安裝完畢重啟sublime即可。 

5. 為了支援less的文法高亮顯示，還需要安裝一個sublime的外掛程式less 這樣就可以流暢的書寫less了。

windows下 sbulime text 安裝less2css踩的幾個坑