VSCode关于编译scss的插件

先安装两个插件，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,

就可以使用了

然后点击编辑器下面的wtach sass，watch sass就会变成watching，你建的scss文件就会对应生成一个编译后的css文件