在vscode中配置和使用sass

sass/scss是一种预编译的样式语言，可以在vscode中方便的使用它

安装插件：

需要安装2个插件，分别是easy sass（编译） 和 sass（代码提示）插件

配置插件

在vscode的settings.json中添加：

"easysass.formats":[
      {"format": "expanded",
        "extension": ".css"},
      {"format": "compressed",
        "extension": ".min.css"}
    ],
"easysass.targetDir": "./",

• easysass.formats.format 支持四个选项用以编译生成对应风格的 CSS：

  nested：嵌套缩进的 css 代码。
  expanded：没有缩进的、扩展的css代码。
  compact：简洁格式的 css 代码。
  compressed：压缩后的 css 代码。

• easysass.formats.extension 顾名思义就是设置编译输出的文件名了，实际使用发现加上路径会无法输出