🆚

【Ruby】Rais:VScodeおすすめ拡張機能11選

2024/04/16に公開

はじめに:

プログラミング初学者がVScodeを用いてRails環境の構築後、VScodeの拡張機能を用いて、開発効率を高められるようにおすすめの拡張機能を一覧にまとめた記事となっている。

環境:

環境構築がまだの方はこちらから
https://zenn.dev/code_journey_ys/articles/c0cc5dd5372036

  • windows 11
  • Vscode 1.87.2
  • Ubuntu 22.04
  • wsl 2.1.5.0
  • ruby 3.2.3
  • rails 6.1.7

拡張機能とは

1: Japanese Language Pack for Visual Studio Code

・VScodeを日本語対応にしてくれる。
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

2: Ruby

・セマンティックハイライト機能によりコードの可読性を向上させる。
・RuboCopを使用したエラーと警告の表示により、コードの品質管理をサポートする。

https://marketplace.visualstudio.com/items?itemName=Shopify.ruby-extensions-pack

3: Rails

・VScode上でRailsを動かす上で必要なあれこれが入っている。
https://marketplace.visualstudio.com/items?itemName=bung87.rails

4: endwise

def,ifなどの後にendを補完してくれる。
https://marketplace.visualstudio.com/items?itemName=kaiwood.endwise

5: Trailing Spaces

・余分なスペースを赤く表示してくれる。
https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces

6: Ruby Solargraph

・コードスニペット(予測変換機能 )と、メソッドの説明機能が付いてくる。
https://marketplace.visualstudio.com/items?itemName=castwide.solargraph

7: indent-rainbow

・インデントに色を付け、わかりやすく表示してくれる。
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

8: ruby-rubocop

・Rubyの静的コード解析し、必要であれば修正を促してくれる。
https://marketplace.visualstudio.com/items?itemName=misogi.ruby-rubocop

9: Material Icon Theme

・ファイルの先頭にアイコンをつけてくれます。
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

10: Auto Close Tag

・htmlの記述をする際などの閉じタグを自動的に付けてくれる。
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
https://designtext.net/vscode-autoclosetag

11: Tabnine AI Autocomplete

・AIを活用した自動補完拡張機能。
https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode

Discussion