less的編譯
阿新 • • 發佈:2018-12-20
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)********