實現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