先安裝兩個插件,live server和 live sass compiler兩個插件
然后將下面的代碼復制到設置(文件---首選項----設置----打開設置json)中
"liveSassCompile.settings.formats":[
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../css/"
}
],
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
"liveSassCompile.settings.generateMap": false,
這你的項目文件夾中創建一個css文件夾,
然后在vscode里點擊它(如圖所示)就可以監聽你項目里的scss后綴的文件,
並自動編譯成.css的文件存放在你創建的css文件夾里。

