先在VSCode上面安裝插件:Live Sass Compiler
創建好scss文件夾文件和css文件夾
然后在VSCode的控制台上打開Live sass watching模式(控制台的打開方式為:Ctrl+Shift+p)就可以編譯scss代碼了
最后在VSCode的配置里修改css文件的輸出目錄
配置css文件的輸出目錄
先在設置里面找到liveSassCompile.settings.formats修改里面的默認配置項
"liveSassCompile.settings.formats": [{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../css"
}],
"savePath": "~/../css"就是css文件輸出的路徑
如果vscode里面沒有 "liveSassCompile.settings.formats"的配置項,可以直接復制上面的代碼到sass的配置文件中;
設置完成后就可以使用scss了
