VS Code 樣板字面值 HTML 補全

一般在寫 HTML 時可以使用 emmet 來幫忙補全 HTML 標籤，但是在 JavaScript 中使用樣版字面值來寫 HTML 就沒有 emmet 可以用，每次寫 HTML 標籤都要自己手打，既不方便也容易出錯。

後來發現在 settings.json 檔中加入幾行 emmet 設定，就可以在寫 JS 樣版字面值時取得 HTML 標籤補全的功能。

請按左下角的齒輪，選擇「設定」：

然後選擇右上角的小圖，進入 settings.json

在結尾補上這一段 emmet 設定：

// 樣版字面值 HTML 補全開始
"emmet.triggerExpansionOnTab": true,
"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
    "javascript": "html"
}
// 樣版字面值 HTML 補全結束