この記事の結論
・Claude Code VS Code拡張機能はVS Codeの拡張機能ビューから「Claude Code」を検索してインストールするだけで使い始められる。
・利用にはClaude Pro（$20/月）以上の有料プランが必要で、無料プランでは使用できない。
・日本語で指示すればそのまま日本語で回答されるため、特別な言語設定は不要だ。
Claude CodeをVS Codeで使いたいが、拡張機能のインストール方法や設定がよくわからない、という声をよく聞く。本記事では、Claude CodeのVS Code拡張機能のインストール手順・基本的な使い方・便利な設定・CLIとの違い・よくあるトラブルシューティングを、2026年11月時点の情報で解説する。日本語設定や承認モードの切り替えなど、使い始めに役立つ情報もあわせてまとめた。
目次
Claude Code VS Code拡張機能とは
Claude Code VS Code拡張機能は、AnthropicのAIコーディングアシスタント「Claude Code」をVS Code（Visual Studio Code）のGUI上で操作できる公式拡張機能だ。サイドパネルやパネルにClaude Codeのチャット画面が統合され、コードの編集・生成・レビュー・デバッグをVS Codeを離れずに行える。
CLI版との違い
Claude Codeにはターミナルで操作するCLI（コマンドライン）版と、今回紹介するVS Code拡張機能版の2種類がある。主な違いを以下に整理する。
Claude Code拡張機能には専用の言語設定はない。日本語でプロンプトを入力するとそのまま日本語で回答される。VS Code自体のUIを日本語化したい場合は、拡張機能ビューで「Japanese Language Pack」を検索し、Microsoft製の「Japanese Language Pack for Visual Studio Code」をインストールする。VS Codeを再起動すれば、メニューやサイドバーが日本語表示に切り替わる。
Claude Codeのパネルを開く方法は4種類ある。最も素早いのはVS Codeのエディタツールバー（右上）に表示されるSparkアイコン（⚡）をクリックする方法だ。他の方法としては、ステータスバー（画面最下部）の「✱ Claude Code」をクリックする、左のアクティビティバーからClaudeのアイコンを選ぶ、コマンドパレット（Ctrl+Shift+P）から「Claude Code」と入力するの3種類がある。エディタとClaude Codeの入力欄を素早く切り替えるショートカットはCtrl+Esc（WindowsおよびLinux）またはCmd+Esc（Mac）だ。
コードの編集・生成・差分確認
Claude Codeにコードの変更を依頼すると、実行前に変更箇所の差分（変更前と変更後の対比）が表示される。差分を確認してから「承認」または「却下」を選択できるため、意図しない変更が加えられるリスクを防げる。複数のファイルにまたがる変更が提案される場合も、ファイルごとに差分を確認してから反映できる。
@メンションでファイルを指定する
Claude Codeのチャット入力欄で「@」を入力すると、プロジェクト内のファイル・フォルダを候補として選択できる。たとえば「@src/app.py を見て、バグを修正して」と指定すると、指定ファイルの内容をClaudeが参照した上で回答を生成する。コンテキストに含めたいファイルを明示することで、より的確な回答が得られやすくなる。
