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文件