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 の設定項目を検索してチェックを入れてください
使ってない拡張機能あったでしょうか
是非これらの拡張機能を使って、快適な開発をお楽しみいただければと思います