1.vscode=》扩展=》添加Live Sass Compiler插件
2.设置=》搜索livesass 如图所示:
3.点进去进行编辑:
"liveSassCompile.settings.formats":[
// 扩展
{
// "format": " ",//可定制的出口CSS样式(expanded,compact,compressed,nested)
"extensionName": ".min.css",//编译后缀名
"savePath": "~/../css/"//编译保存的路径
}
],
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
]
如图所示:
4.重启vscode,在scss文件下,状态栏底部有个watch sass
5.点击 watch sass就可以监听到scss文件变化,保持后,按照步骤3配置的路径生产对应得css文件