在介紹Less2Css之前我們先安裝一個(gè)less的語(yǔ)法高亮,用LESS的同學(xué)都知道,sublime沒(méi)有支持less的語(yǔ)法高亮,所以這個(gè)插件可以幫上我們,可以直接安裝ctrl+shift+p>install Package搜索less按Enter就可以了,或者到這里下載,安裝成功后,重啟sublime
下面安裝Less2Css,跟上面一樣ctrl+shift+p>install Package搜索Less2Css按Enter就可以安裝了,Less2Css插件依賴lessc這個(gè)工具,在windows下可以下載或者用git cloneless.js-windows到本地目錄。然后把目錄地址加入到環(huán)境變量PATH的中,如D:less.js-windows-master:

設(shè)置好之后,通過(guò)快捷鍵 Windows徽標(biāo)鍵+R鍵 調(diào)出運(yùn)行窗口,輸入cmd,在命令行中輸入lessc,如果有如下提示則表示設(shè)置成功
這時(shí)關(guān)掉Sublime Text 3再重新打開(kāi)就可以在Sublime Text 3中打開(kāi)或者新建一個(gè)less文件,按下Ctrl+S保存,此時(shí)應(yīng)該會(huì)在less文件的相同目錄下生成同名的css文件。