Sublime Less 自动编译成css
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\天津歡樂谷\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
?
轉載于:https://www.cnblogs.com/alantao/p/6490863.html
總結
以上是生活随笔為你收集整理的Sublime Less 自动编译成css的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 配置文件的读写
- 下一篇: RCF - C ++的进程间通信