VSCodeオススメプラグイン一覧「 Pretter – Code formatter」「PHP Intelephense 」

「 Pretter – Code formatter」「PHP Intelephense 」とは

「 Pretter – Code formatter」はHTML、CSS、JavaScript 、TypeScript、JSON、Markdownのソースコードのフォーマット

「PHP Intelephense 」はPHPソースコードのシンタックスハイライトや、入力補完、定義元へのジャンプ、リファレンスの検索、lint (文法エラーの検出)などを提供

Default Formatterを「 Pretter – Code formatter」もしくは「PHP Intelephense」を選択する。

「@lang:html」「@lang:php」と個別に設定できるらしいのですが、できませんでした。

Default Formatterに「PHP Intelephense」を選択し、PHP以外は下記の通り「Format Document (Forced)」でフォーマットしてます

「Intelephense: Stubs」で検索

下「項目の追加」でプルダウンから「wordpress」を選択する。

必須拡張機能:

bmewburn.vscode-intelephense-client – PHP Intelephense
PHP専用の高機能言語サーバー。コード補完、エラー検出、リファクタリング、関数定義ジャンプなど、PHP開発に必要な機能を提供
dbaeumer.vscode-eslint – ESLint
JavaScript/TypeScriptのコード品質チェックと自動修正。コーディングスタイルの統一とバグの早期発見に必須
foxundermoon.next-js – Next.js Support
Next.jsプロジェクトの開発を支援。ページルーティングの自動補完、APIルートの認識、静的生成の最適化ヒントなど
redhat.vscode-yaml – YAML Language Support
YAML構文のハイライト、バリデーション、補完機能。Docker Composeファイルの編集に重要

開発効率向上:

mhutchie.git-graph – Git Graph
ブランチやコミット履歴をグラフィカルに表示。マージ状況やブランチ間の関係が一目で分かる
oderwat.indent-rainbow – Indent Rainbow
インデントレベルを色分けして表示。ネストの深いコードでも構造を把握しやすくする
mosapride.zenkaku – zenkaku
全角スペースを可視化して表示。日本語環境でよくある全角スペースのバグを防止

AI開発支援:

anthropic.claude-code – Claude Code (公式)
ターミナルから直接Claudeにコーディングタスクを依頼できる公式ツール。コード生成、リファクタリング、デバッグ支援
saoudrizwan.claude-dev – Claude Dev (非公式)
VS Code内でClaudeとチャットしながら開発できる拡張機能。コード相談や説明生成に便利

言語・Python関連:

ms-ceintl.vscode-language-pack-ja – Japanese Language Pack
VS Codeのメニューやメッセージを日本語化。日本語環境での開発をサポート
ms-python.python – Python
Python開発の総合拡張機能。構文ハイライト、デバッグ、テスト実行、仮想環境管理など
ms-python.vscode-pylance – Pylance
高速なPython言語サーバー。型チェック、自動補完、コードナビゲーションを高速化
ms-python.debugpy – Python Debugger
Pythonコードのデバッグ機能。ブレークポイント設定、変数監視、ステップ実行など

その他: