1.在vscode中建立一个文件夹，里面包括三个文件夹css、html、sass

2.在sass中创建一个sass.scss文件  注意：文件的后缀是scss

3.在插件库中搜索sass,选择Easy Sass

4.安装成功后，点击右下角的角标，选择扩展设置

5.点击settings.json

6.检查settings.json中是否全部包含以下代码，若没有则补上

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

7.测试。在scss文件中编写一段代码，然后保存，查看css文件夹中是否有对应的css文件产生

然后在html文件中引用css文件即可。