vscode 编辑器 scss转css如何操作？

目录

1. 安装插件

2. 打开设置找到setting.json,将下面的代码复制粘贴到setting.json文件中保存即可

3. 新建并编辑index.scss文件

---

1. 安装插件

在vscode扩展中分别搜索并安装：Sass 和 Easy Sass 

2. 打开设置找到setting.json,将下面的代码复制粘贴到setting.json文件中保存即可

首选项-->设置（在设置页面找到setting.json）

// setting.json
{
  "files.associations": {
    "*.css": "scss"
  },
  "easysass.compileAfterSave": true,
  "easysass.excludeRegex": "_",
  "easysass.formats": [
    {
        "format": "compact",
        "extension": ".css"
    },
    {
        "format": "compressed",
        "extension": ".min.css"
    }
  ]
}

3. 新建并编辑index.scss文件

编辑index.scss文件并保存，会自动生成index.min.css和index.css 这两个文件

以上就实现了scss文件转css文件的目的