VSCodeでerbファイルでもEmmet補完が効くようにする

VSCodeのEmmet補完

VSCodeではHTMLファイルを開くと標準でEmmet補完が効くようになります。
例えば、ul>li*5と入力すると、Emmet Abbreviationと書かれた補完候補が表示され、これを選択すると以下のように展開されます。

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

ところが、erbファイルを開いた時にはこれが効きません。

erbでもEmmet補完する設定

VSCodeの設定に以下を追記します。
files.associationsでは、拡張子.erbを持つファイルをerbファイルとして定義します。
emmet.includeLanguagesでは、erbファイルにhtml形式のEmmet補完を適用するように設定します。
（html形式の補完の他に、css形式のEmmet補完が存在します。）

"files.associations": {
    "*.erb": "erb"
}
"emmet.includeLanguages": {
    "erb": "html"
}

これでerbファイルでもEmmet補完が効くようになったはずです。

参考