sublime中如何用less實現css預編譯


實現css預編譯的方式有很多,聽說glup很流行而且功能也很強大,但是就目前的工作而言,僅要css預編譯和YUIcompress就夠了,接下來切入正題

Less 是一門 CSS 預處理語言,它擴展了 CSS 語言,增加了變量、Mixin、函數等特性,使 CSS 更易維護和擴展。

Less 可以運行在 Node 或瀏覽器端。

1、安裝less插件

ctrl+shift+p ->  install package  -> less  即可安裝

功能:LESS高亮插件

簡介:用LESS的同學都知道,sublime沒有支持less的語法高亮,所以這個插件可以幫上我們

使用:打開.less文件或者設置為less格式

2、安裝less2css插件

ctrl+shift+p ->  install package  -> less2css  即可安裝

less2css插件安裝好后需要修改系統的環境變量,將less.js-window下載到本地后,將其目錄位置添加到系統環境變量中

功能:

當保存less文件的時候自動生成同名的css文件;
當保存less文件的時候提示編譯錯誤信息;
批量編譯項目目錄下的所有less文件為css文件。

具體功能設置可以修改該插件的setting-user參數,記住是先將setting-default里的參數復制到setting-user中在修改

使用:

ctrl+s即可將編寫的less文件自動編譯為css文件。

工具再強大,也得精通其語法才行啊。

語法教程參見LESS

 


免責聲明!

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



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