VScodeでerbファイルをEmmet有効にする際に気づいたこと

VScodeのEmmet補完の設定

erbファイルでもEmmetを有効にするには、VScodeのsettingにある Emmet:include Languages を設定します。ググって調べると以下の画像のように設定で完了したらいいらしい。

ただ私の場合はこれだけでは機能しませんでした。少し時間をかけて調べてみると以下の画像のように設定を加えたら解決しました。

ちなみにsetting.jsonへ直接記述しても設定は変更できます。

{
    "security.workspace.trust.untrustedFiles": "open",
    "window.zoomLevel": 1,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "editor.tabSize": 2,
    "editor.insertSpaces": false,
    "workbench.colorTheme": "One Candy",
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "erb": "html",
        "ruby": "html"
    },
}