在VScode上面使用sass的插件

先在VSCode上面安装插件：Live Sass Compiler 

创建好scss文件夹文件和css文件夹

然后在VSCode的控制台上打开Live sass watching模式（控制台的打开方式为：Ctrl+Shift+p）就可以编译scss代码了

最后在VSCode的配置里修改css文件的输出目录

配置css文件的输出目录

先在设置里面找到liveSassCompile.settings.formats修改里面的默认配置项

      "liveSassCompile.settings.formats": [{

        "format": "expanded",

        "extensionName": ".css",

        "savePath": "~/../css"

        }],

"savePath": "~/../css"就是css文件输出的路径

如果vscode里面没有 "liveSassCompile.settings.formats"的配置项，可以直接复制上面的代码到sass的配置文件中；

设置完成后就可以使用scss了