Sublime Less 自動編譯成css

標籤：菜單   點擊   can   下載   tool   github   path   報錯   電腦   

1.note編譯

1.下載notejs https://nodejs.org/en/2.首先你要安裝lessc。我是用npm包管理器直接安裝的，只需要一條命令，如下：npm install less -g3.檢查lessc是不是安裝成功了：lessc -v在 cmd中可以手動編譯然後可以手動編譯less檔案為css （f:\WorkFiles\天津歡樂穀\style\alan.less）進入目錄 ：cd f:\WorkFiles\天津歡樂穀\stylelessc 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 。
Just-In-Time 編譯： 監聽檔案，當檔案改變時自動執行編譯，這一切都在後台運行，無需人工操作。
編譯選項： 支援自訂編譯選項。
代碼壓縮： less

 

Sublime Less 自動編譯成css