vs code中的Easy Sass插件配置项说明

1、找到settings.json文件

文件 => 首选项 => 设置 => settings.json全局配置文件

2、配置项

"easysass.compileAfterSave": true,  // 保存scss/sass文件后自动编译
"easysass.excludeRegex": "",   // 提供文件名正则表达式，匹配到的文件会被排除，不会编译为css，默认为空，则功能关闭
"easysass.formats": [
    {
      "format": "expanded",
      "extension": ".css"
    },
    {
      "format": "compressed",
      "extension": ".min.css"
    }
],
// 编译不同风格的css
// 1.easysass.formats[i].format 用以编译生成对应风格的css，参数值默认是expanded
//  nested：嵌套缩进的 css 代码。
//  expanded：没有缩进的、扩展的css代码，整齐。
//  compact：简洁格式的 css 代码,每个选择器的全部样式写在同一行。
//  compressed：压缩后的 css 代码。
// 2.easysass.formats[i].extension 用以设置编译输出的文件拓展名,此处可以自定义文件名，输出的 css 文件名会按照“当前 Sass 文件名（不含拓展名）+此处自定义文件名”的格式来生成
// 例如：设置 "easysass.formats[i].extension": ".min.css"，假设当前的 Sass 文件名为style.scss，则编译输出的 css 文件名为 style.min.css
"easysass.targetDir": ""   // 很多情况下 scss/sass 文件和 css 文件是不在同一个目录下的，而 Easy Sass 默认输出的 css 是和当前 Sass 文件处于相同目录的为此我们需要通过该参数来配置输出路径