編譯less,大概有3種方法慢睡,分別是在Koala,node.js,瀏覽器中使用。這里我說(shuō)一下怎么在sublimeText3中使用node.js編譯less撑蒜。
1.安裝node.js
第一是首先安裝node.js.可以去node.js官網(wǎng)中下載辆亏,一路next就行了。安裝完成時(shí)可以調(diào)出終端輸入node -v 如果能看到版本號(hào)就說(shuō)明安裝成功了
2.less(less語(yǔ)法高亮功能插件)和Less2Css(編譯功能插件)
確保你的sublimeText3安轉(zhuǎn)了package control插件骨稿,至于怎么安裝就不說(shuō)了笨鸡,這個(gè)非常簡(jiǎn)單。安裝完成后坦冠,Ctrl+Shift+p打開(kāi)命令面板形耗,輸入install package并在下拉里選中install package。在彈出的框里然后分別輸入less(less語(yǔ)法高亮功能插件)和Less2Css(編譯功能插件)這兩個(gè)插件辙浑,點(diǎn)擊enter安裝激涤。
3.安裝less
在cmd 下輸入命令:npm install -g less,安裝好之后在 Sublime 里面Ctrl+n新建less文件時(shí)判呕,會(huì)有一個(gè)錯(cuò)誤:LESS: Unable to interpret argument clean-css倦踢,這是因?yàn)檫€需要一個(gè)插件:less-plugin-clean-css插件的安裝,同樣在cmd下輸入命令:npm install less-plugin-clean-css侠草,安裝好之后問(wèn)題就解決了辱挥。
安裝完成后創(chuàng)建一個(gè)test.less文件,會(huì)自動(dòng)生成一個(gè)test.css文件边涕。在html文件中我們依然是引進(jìn)test.css文件晤碘,我們只需在test.less中編寫(xiě)代碼即可,然后會(huì)自動(dòng)保存到test.css.