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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM