Visual Studio Code 外掛 Live Sass Compiler

使vscode可即時編譯scss檔案為css檔案，不用另外安裝編譯軟體或使用指令編譯。

安裝方式：在擴充功能搜尋”Live Sass Compiler”並直接安裝。

設定方式：Code > 設定 > 延伸模組 > Live Sass Compile Config > 在 settings.json 內編輯，加入以下設定

{
    "liveSassCompile.settings.formats":[
        {
            "format": "expanded",
            "savePath": "/css"
        }
    ]
}

format: 輸出的css格式，共有 expanded(預設)、compact、compressed與nested 四種
savePath: 輸出檔案的存檔路徑，未設定路徑時，與scss同資料夾

使用方式：於vscode下方藍色狀態列，按下Watch Sass後邊開始監聽，每次存檔時，將自動編譯css檔案於指定資料夾內