VS Codeの拡張機能

VS Code拡張機能

VS Code拡張機能で詰まったことがあったので、備忘録としてこちらにまとめます。

普段Railsで開発をしている時にhtmlファイルだとEmmet機能が使えるが、erbファイルだとEmmet機能が使えず不便なので調べたところ、Ruby on Rails Snippetsという拡張機能をインストールすればEmmet機能が使えることが分かった。(以下のアイコンになります。)

Image from Gyazo

上記の拡張機能をインストールしたところ問題が発生した。
元々は、以下のようにapplication.html.erbGemfileがカラーコードになっていたが、Ruby on Rails Snippetsをインストールしたところカラーコードでは無くなってしまった。

Image from Gyazo

Image from Gyazo

以下がRuby on Rails Snippetsインストール後

Image from Gyazo

Image from Gyazo

上記のようにEmmet機能は、有効になったがapplication.html.erbGemfileがカラーコードでは無くなってしまった。

色々調べたところ、VSCode Rubyという拡張機能をインストールすればカラーコードになるということが分かった。(以下のアイコンになります。)

Image from Gyazo

上記をインストールしたところ以下のようにカラーコードになって、Emmet機能も使えるようになった。

Image from Gyazo

Image from Gyazo

参考記事

mm参考書プログラミング

VSCodeの拡張機能でRailsと仲良くなる - Qiita