vscode將less編譯成css


簡介
less文件中的代碼不能直接被瀏覽器解析渲染,需要在koala等軟件中編譯后,才能生成對應的文件和css代碼,然后瀏覽器解析它。

如果想在less文件中寫css代碼,通過正常保存(ctrl+s),自動生成瀏覽器可以解析的代碼,那么通過Easy LESS這個插件可以實現,這樣不僅省去了繁瑣使用軟件編譯less文件的過程,每次正常保存,就像寫css代碼一樣,實時觀察效果。
Auto-compile LESS to CSS on save

Easy LESS

(1)在VScode中的擴展(ctrl+shift+x)搜索“less。(2)然后找到Easy LESS

 

 

(3)安裝

 

 

(4) 編輯 less 文件, ctrl+s 自動生成 css 文件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM