1. 程式人生 > 其它 >vscode外掛自動編譯less檔案

vscode外掛自動編譯less檔案

技術標籤:csslessvscode

1.下載easy less外掛

開啟外掛商店,搜尋easy less
在這裡插入圖片描述
點選安裝

2.更改配置

檔案 => 首選項 => 設定 => 輸入setting => 開啟 setting 在setting.json中編輯
修改下面的內容

{
"less.compile": {
"compress": false,
"sourceMap": false,
"out": "../css/", // 這樣會在css資料夾下生成css檔案
}
}

在這裡插入圖片描述
修改完成