第一步:在擴展:商店里搜 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中修改。