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 顾名思义就是设置编译输出的文件名了,实际使用发现加上路径会无法输出
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐