VS Codeの拡張機能
VS Codeの拡張機能で詰まったことがあったので、備忘録としてこちらにまとめます。
普段Railsで開発をしている時にhtmlファイル
だとEmmet機能が使えるが、erbファイル
だとEmmet機能が使えず不便なので調べたところ、Ruby on Rails Snippets
という拡張機能をインストールすればEmmet機能が使えることが分かった。(以下のアイコンになります。)
上記の拡張機能をインストールしたところ問題が発生した。
元々は、以下のようにapplication.html.erb
やGemfile
がカラーコードになっていたが、Ruby on Rails Snippets
をインストールしたところカラーコードでは無くなってしまった。
以下がRuby on Rails Snippets
インストール後
上記のようにEmmet機能は、有効になったがapplication.html.erb
やGemfile
がカラーコードでは無くなってしまった。
色々調べたところ、VSCode Ruby
という拡張機能をインストールすればカラーコードになるということが分かった。(以下のアイコンになります。)
上記をインストールしたところ以下のようにカラーコードになって、Emmet機能も使えるようになった。