【Ruby on Rails】Visual studio codeでerbの入力補完を行う

VS codeでRuby on railsのerbファイルを作成するとき,標準ではhtmlを編集するときのようにタグのハイライトや入力補完が効きません。

他のサイトでもやり方は紹介されているのですが,私の環境ではうまくいかなかったのでメモを残しておきます。

Ruby on Rails Snippets

拡張機能の検索窓で ruby and rails snippets と入力すると,上の拡張機能が見つかると思います。あとはインストールするだけです。他の設定は不要です。

たとえば<h1>を入力すると自動で</h1>が補完されます。Rubyのコードもちゃんとハイライトしてくれます。