Visual Studio Codeのおすすめ拡張機能

おすすめの拡張機能教えて!と言われることがあるので、まとめてみました。基本こちらの拡張機能をインストールしてみてください!別の拡張機能使っててソッチのほうがいいんだけど。。。という場合は是非教えて下さい!


Code Spell Checker

英単語のスペルチェックをしてくれて、おかしいところに波線引いてくれます
const firstVallue = 25; のようにValueのスペルを間違うなんてことがなくなります
残念ながら日本語はチェックしてくれないようです


Docker

コンテナの起動・停止や、イメージ、ボリュームなどを管理出来ます
コマンドラインでdocker-compose.ymlの場所に移動して、docker-compose up
など打つ必要がなくなります
docker ps ってなんですか?と言われるのが怖いので、初めはコマンドを使ってもらえると嬉しいです


ERD Editor

ER図を簡単に書くことが出来ます。もちろんリレーションなども表現出来ます
情報はjson形式で出力されるので、このファイルもGit管理しちゃいましょう


Git Graph

Gitツリーを見やすくしてくれます
分岐元のブランチしている、途中で取り込んだブランチ、マージ先のブランチなど見ていくとGitの理解が進むかもしれません


Live Share

Visual Studio Codeの画面を他の人に共有できます
コード書くのが自信ない人は、書くのが得意な人(Jobber)に見てもらうのオススメです。いっぱい指摘されてイライラすると思いますが、ぐんぐんかけるようになるかもしれません

Local History

何も考えずに git checkout . と打ったら、一生懸命書いたコードがなくなって悲しくなったことありませんか?
この拡張機能を入れれば大丈夫、変更を勝手に覚えててくれます(保存先は .history)
Gitにプッシュするときは .gitignore で除外するのを忘れずに


MySQL

書いたコードが上手く動かない。でもデータベースのデータを確認するのはめんどくさい。という方にはこちら
画面をぽちぽちやるだけで、表形式でデータを確認したり、自由に編集することが出来ます
PostgreSQLとか他のデータベースにも接続できます。便利


PHP Intelephense

PHPのコードをきれいに整形してくれるフォーマッタです
インデントも揃ってないようなコードは見ずらいので、今すぐきれいに整形して開発速度アップしましょう
command + shift + p を押してから、ドキュメントのフォーマットを選択してください


Prettier

一つ上のと同じでフォーマッタですが、HTML、CSS、JavaScriptなどをきれいに整形してくれます
ファイル保存時に自動的に整形するという設定もあるので、これを設定してさらなる開発速度アップを目指しましょう
command + , を押してから、Format on Save の設定項目を検索してチェックを入れてください


使ってない拡張機能あったでしょうか
是非これらの拡張機能を使って、快適な開発をお楽しみいただければと思います