先在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了