在vscode中使用scss需安装的插件及配置【编译scss】【Live Sass Compiler】

如何在vscode中使用scss

• 需要使用插件Live Sass Compiler将scss编译成css。
• 但是Live Sass Compiler插件安装了之后还要配置，官网有代码但是不全。找了半天发现配置Live Sass Compiler的资料很少。终于配置好之后，做了如下总结。
• 在vscode中使用scss的步骤：
  1.安装插件Live Sass Compiler
  2.配置Live Sass Compiler
  在插件的设置中点击“在settings.json中编辑”，添加以下代码。

 "liveSassCompile.settings.autoprefix": [//添加兼容前缀
    "> 1%",
    "last 2 versions"
  ],
  "liveSassCompile.settings.formats":[
    // 扩展
    {
        "format": "compressed",//可定制的出口CSS样式（expanded（展开格式），compact(紧凑格式)，compressed，nested）
        "extensionName": ".css",//编译后缀名
        "savePath": "~/../css"//编译保存的路径
    } 
    
],
"liveSassCompile.settings.generateMap": true,//是否生成对应的map
"liveSassCompile.settings.excludeList": [
  "**/node_modules/**",
  ".vscode/**"
],