vs code中使用scss

第一步  下载扩展Live Sass Compiler

 

第二步 编译 快捷键 ctrl+shift+p

第三步 配置 setting.json 文件

"easysass.compileAfterSave": true, 
 "easysass.formats": [ //nested：嵌套缩进的 css 代码。
//expanded：没有缩进的、扩展的css代码。
//compact：简洁格式的 css 代码。
//compressed：压缩后的 css 代码

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

然后  回头看 你的文件 搞定