先安裝兩個插件,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文件夾里。