在vscode中如何使用less編程

參考一：

　　

 

第一步：在擴展：商店里搜 less,選擇安裝Ease LESS，安裝成功注意重啟一下vscode.

 

第二步：快捷鍵command+逗號打開用戶設置，搜less.complie,點擊編輯添加到右邊，設置commpress是否開啟壓縮，sourceMap是否生成.map文件。

到此已經配置成功，在文件中新建less文件編程，保存時就會自動在同目錄下生成.css文件和.css.map文件。如果是開發小程序可以設置"outExt":".wxss",輸出的文件就是.wxss和.wxss.map文件。

其中.css.map文件是用來確保css代碼和less中代碼對應關系。是為了方便針對性的進行修改了。具體介紹看下圖：

 

沒有.map文件時，在瀏覽器中調試時顯示的是css文件，不方便在less中修改。

 

 

有.map文件時，在瀏覽器中調試時顯示的是less文件，能准確定位到行數，方便在less中修改。

參考2：

第一，在擴展包搜索 less ,找到 easy less

 

第二，安裝完記得重啟

第三，ctrl+,   快捷鍵打開設置，也可以在   文件 > 首選項 > 設置

第四，搜   less.complie   ，點擊less,拉倒最底下，找到   setting.json

 

第五，在json配置中加入，less.compile(less配置)

"less.compile": {
"compress": false,//是否壓縮
"sourceMap": false,//是否生成map文件，有了這個可以在調試台看到less行數
"out": true, // 是否輸出css文件，false為不輸出
"outExt": ".css", // 輸出文件的后綴,小程序可以寫'wxss'
}

 

好了，到此大功告成
————————————————
版權聲明：本文為CSDN博主「浩星」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_41619796/java/article/details/88711215