【VSCode】html.erbファイルでエメットを使用する方法

はじめに

VSCodeを再インストールしたとき、erbファイルでエメットを使う設定方法を忘れてしまっていたので、書き残します。

• VSCod 1.76.2

設定方法

まずVSCodeの設定を開きます

開いたら、検索バーに「emmet」もしくは「emmet include」と入力し、「emmet: Include Languages」の項目追加をクリックする。

項目に「erb」、値に「html」を追加したら、OKをクリックします。

これでerbファイルでもエメットが利用できるようになります！

エメットが効かない場合

エメットが反映されない場合、次のことを試してみてください。

Emmet: Trigger Explanation On Tabにチェックを入れる

設定で「emmet trigger」と検索し、チェックを入れる

Emmet: Trigger Expanded Addreviationをalwaysにする

設定で「emmet trigger expanded」と検索し、「always」に設定する。