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,

　　这你的项目文件夹中创建一个css文件夹，

　　然后在vscode里点击它（如图所示）就可以监听你项目里的scss后缀的文件，

　　并自动编译成.css的文件存放在你创建的css文件夹里。