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」を選択する。

VSCode から別の環境（SSH サーバー、Docker コンテナ、WSL など）に接続し、リモート環境のワークスペースをローカル環境のように扱える機能です。

開発者は使い慣れた VSCode エディタを使いながら、サーバー上のファイルを直接編集・実行できるため、環境構築済みのサーバーへのアクセスが簡単になります。

WSL（Windows Subsystem for Linux）環境にも対応しており、Windows ユーザーが Linux 環境で開発する際に特に便利です。

これにより、開発者間での環境統一やローカル環境への影響を避けた開発環境の構築・削除が容易になります。

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コードのデバッグ機能。ブレークポイント設定、変数監視、ステップ実行など

その他: