vscode如何自动编译把scss/sass编译成css

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文件