在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中修改。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,588評論 1 45
  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 6,707評論 0 16
  • 大家好~ 我是一枚正直純潔的苦逼程序員!!!!! 1.背景介紹 什么是LESS 我們先提一下css CSS(...
    Meetin空白閱讀 5,275評論 0 4
  • 【夢的本質】影響對其他成分的解釋; 【夢的功能】影響對待夢的態度; 【夢的作用機制】反應著無意識意圖有哪些表現方式...
    Throughthetime閱讀 3,906評論 0 2
  • 在當下,焦慮似乎已經尋常到跟感冒一個樣了。感冒時,想別人討要關心時得到的回復大半是“多喝熱水”,焦慮時得到的回復似...
    犀石閱讀 180評論 0 0