VSCodeの設定を公開する

この記事は？

業務でも個人でもVSCodeをメインで使用しています。
VSCodeには便利な拡張機能がたくさんあり、インストールすることで開発が効率的にできるようになります。
今回は備忘録も兼ね、自分が利用している拡張機能をリストアップします。
他の開発者の情報源になればと思います。

PHP開発用

コード補完、フォーマッター

• PHP Intelephense
  • コード補完や定義へのジャンプなど様々な機能を提供してくれる言語サーバ。
• PHP DocBlocker
  • PHP Docのテンプレートにしたがってコメントを自動的に補完してくれる。
• phpcs
  • コードの静的解析ツール。linter。
• php cs fixer
  • phpcsの指摘を自動的に修正してくれる。フォーマッター。
• PHP Namespace Resolver
  • 名前空間を推測してくれる。

デバッガ

• PHP Debug
  • XDebugのデバッグ結果を表示してくれるアダプタ。

フロント開発用

コード補完、フォーマッター

• Prettier
  • HTML, CSS, JSをキレイに整形してくれるフォーマッター。
• IntelliSense for CSS class names in HTML
  • HTML中のclass属性名を自動補完してくれる。

デバッガ

• Debugger for Chrome
  • ChromeのデバッグをVSCode上で行える。

ドキュメント、ビューアー関連

ビューア

• Rainbow CSV
  • CSVをカンマごとに色を変えて表示してくれる。
• SVG Viewer
  • SVGファイルのビューア。
• Markdown All in One
  • Markdownのフォーマットやビューア。

仕様書作成

• PlantUML
  • MarkdownからUML図を生成してくれる。
• API Blueprint Viewer
  • API Blueprintで作られたドキュメントのビューア。
• API Elements extension
  • API Blueprintの書式をチェックしてくれるlinter。

その他

• Path Autocomplete
  • パスを自動補完してくれる。
• Docker
  • Dockerコンテナをメニューに表示してくれる。
• GitLens
  • Gitで管理されたコードの履歴を表示してくれる。
• Project Manager
  • プロジェクトごとにワークスペースを指定し、保存管理してくれる。