Sublime Less 自動編譯成css

1.note編譯

1.下載notejs 
https://nodejs.org/en/

2.首先你要安裝lessc。我是用npm包管理器直接安裝的，只須要一條命令，以下：
npm install less -g

3.檢查lessc是否是安裝成功了：
lessc -v

在 cmd中能夠手動編譯
而後能夠手動編譯less文件爲css （f:\WorkFiles\天津歡樂谷\style\alan.less）
進入目錄 ：cd f:\WorkFiles\天津歡樂谷\style
lessc alan.less > alan.css  編譯less爲css文件

PS：
cd\ 回到盤根目錄

f: 進入f盤

cd f:\WorkFiles\天津歡樂谷\style 進入目錄

lessc alan.less > alan.css 編譯less爲css文件

cd WorkFiles 進入workFiles文檔

 

2.submile的less2css插件

Package Control安裝less2css， less（高亮）

安裝Less2Css;

步驟：1.快捷鍵 Ctrl+Shift+P（菜單 – Tools – Command Paletter），輸入 install 選中Install Package並回車，輸入或選擇Less2Css（注意左下角的小文字變化，會提示安裝成功）。 

2. https://github.com/duncansmart/less.js-windows 下載該文件並解壓到本地目錄（eg:D:\less.js-windows-master）；點擊計算機 右擊 屬性，選擇高級系統設置，編輯Path ,將解壓目錄，添加到PATH中。

3. 安裝完以上操做，重啓Sublime後，Control+s 保存Less文件，會在同目錄下生成相應的.css文件。至此操做已經完成。若是想改變快捷鍵和生成css的格式，打開

複製Settings-Default內的內容到Settings-User中，更改其中的值，例如把minName變爲True，minify變爲True,會生成相應的x.min.css文件。

 

PS，若是編譯時submile報錯（unable to interpret argument clean-css-if itis a plugin(less-plugin-clean-css）

在cmd裏安裝 less-plugin-clean-css插件

npm install less-plugin-clean-css

 

3.還有一個軟件是koala

Koala 特性：

多語言支持 ：支持 less 、 sass 、 coffeescript 和 compass framework 。實時編譯： 監聽文件，當文件改變時自動執行編譯，這一切都在後臺運行，無需人工操做。編譯選項： 支持自定義編譯選項。代碼壓縮： less