1. 程式人生 > >less的編譯

less的編譯

less其實也文字型別,跟txt的性質差不多

less有自己語法(變數,函式,作用域、Mixin混入),使css樣式更加方便,有邏輯性,提高可維護性,減少重複性程式碼的冗餘。

把less編譯成css檔案,編譯方式有兩種方式

第一種:

1.建立一個以“.less”為字尾的檔案(例:demo.less),使用記事本開啟,在裡面寫入@color:red; a{color:@color;}

2.編譯成css檔案:

  2.1控制檯定位到當前demo.less所在的目錄位置(輸入“cd Desktop”),

  2.2接著輸入 lessc demo.less test.css,這時在桌面有編譯後生成test.css檔案  (demo.less是被編譯的檔名稱,test.css是編譯需要生成的檔名稱),這時編譯成功。

第二種:

3.基於webstorm自帶有編譯功能,這時就不需要命令列視窗由第一種的手動操作,在webstorm新建檔案時把檔案的字尾為“.less”即可(如:“test.less”),這時在webstorm視窗上方“Enable File watcher to compile LESS to css?   Yess /No”,監聽提示,選擇yes,當你在test.less編寫完成了,會監聽自動更新編譯

******更多的參考less的中文官網為lesscss.cn(www.1024i.com/demo/less)********