EasyLess安裝使用


EasyLess安裝與使用

       由於網上面有很多EasyLess安裝使用的答疑解決方法並不詳盡,並且有部分已經失效過時,因此在這里我出一期新的,關於EasyLess的安裝以及使用

(截止到2022年2月23日)( VSCode Ver: 1.64.2

  • 打開Visual Studio Code (VSCode),進入擴展商店,搜索EasyLess進行安裝

 

  • 下載安裝好EasyLess后打開該插件右下角的設置按鈕,點擊Extension Settings (擴展設置)

  • 而后點擊彈窗頁面中的Edit in Settings.json

 

  • 在json文件中加入以下代碼塊

  • Less轉變成的css文件會直接生成到out: 后方的地址中,請到時自行查找

 

在這里我附上代碼 (直接復制到Settings.json文件 使用即可)

{

    "less.compile": {

       

        "compress": true, // 是否刪除多余空白字符

        "sourceMap": false, // 是否創建文件目錄樹,true的話會自動生成一個 .css.map 文件

        "out": "${workspaceRoot}\\src\\assets\\css\\", // 輸出css文件目錄,false為不輸出

    }

}

 

  • 保存好json后重啟VSCode
  • 找一個自己的項目,在代碼中新建一個文件夾,放置less文件

 

  • 當保存好less文件后,對應out的路徑中就會生成一個由剛剛保存好的less文件生成的css文件

 


免責聲明!

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



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