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/" //路徑

然后  回頭看 你的文件 搞定