【2026年版】VSCodeでClaude Codeを使いこなす｜導入からCLAUDE.md・Plan Mode・SubagentまでMastering Claude Code in VS Code: From Setup to CLAUDE.md, Plan Mode, and Subagents (2026 Edition)
匿名の公開いいねです。記事の保存・お気に入りではなく、Featured、Top 3、重要度、掲載順位には影響しません。仕組みとプライバシーAnonymous public likes are reactions, not saved articles or bookmarks. They do not affect Featured, Top 3, importance, or listing order.How it works and privacy
- Claude Codeの公式VS Code拡張は、プロジェクト調査、ファイル編集、コマンド実行、テスト後の修正を支援する。
- VS Code 1.94以降での導入やCLAUDE.md、Plan Mode、Subagentを活用したい開発者に役立つ。
- Claude Code for VS Code inspects projects, edits files, runs commands, and responds to tests.
- Its VS Code 1.94+ setup and CLAUDE.md, Plan Mode, and Subagent tips help developers adopt agentic coding.
本ページの本文と要約は AI による自動生成です。日本語版と英語版は言語ごとに独立して生成されるため、表現や詳しさが異なる場合があります。正確性は元記事 (qiita.com) をご確認ください。The body and summaries are AI-generated independently for each language, so wording and detail may differ. Verify accuracy at the original source (qiita.com).
要約と収集メタデータに基づく AI 解説。元記事全文の転載・翻訳ではありません。AI explainer based on the summaries and collected metadata, not a copy or translation of the full source article.
Claude Code
Claude Codeは、Anthropicが提供するエージェント型の開発ツールです。一般的なチャット型AIとは異なり、プロジェクト内のファイル調査からコードの書き換え、ターミナルコマンドの実行、テスト結果を受けた追加修正まで行えると説明されています。
VS Code拡張
VS Codeでは、Anthropic公式の拡張機能を利用できます。公式要件はVS Code 1.94以降です。Claude Code自体が頻繁にアップデートされているため、VS Codeについても基本的には最新版の利用が推奨されています。インストールが完了すると、VS CodeにClaude Codeのアイコンが追加され、そこからチャット画面を開いて指示できます。
拡張機能のチャット画面だけを使う場合、Claude Code CLIは拡張機能側に同梱されています。一方、VS CodeのターミナルからClaude Code CLIを直接実行したい場合は、別途インストールが必要です。
ファイル参照
Claude Codeに使用技術、主要なディレクトリ、アプリケーションの起点などを尋ねると、自らプロジェクト内を探し、必要なファイルを読み込んで回答します。このため、質問のたびにソースコードをコピーして貼り付ける必要はありません。
VS Code版ではファイル参照も利用できます。たとえば、ログイン処理で例外が発生する可能性のある箇所をレビューするよう指示できます。また、VS Code上でコードを選択し、その選択範囲をClaudeへ渡すことも可能です。現在選択しているコードを前提に回答させられるため、対象を絞った確認に使えます。
修正前の指示
基本操作は通常のチャットと同様ですが、最初から修正を任せるのではなく、まず対象の調査やレビューを指示する進め方が示されています。プロジェクト構成の確認、関連ファイルの読み込み、問題が起こり得る箇所の検討を先に行わせ、その回答を踏まえて作業を進める形です。
Claude Code for VS Code
Claude Code for VS Code is an agentic development tool provided by Anthropic. It matters because it can do more than answer chat prompts: it can inspect files within a project, modify code, run terminal commands, check test results, and make further corrections based on those results.
Users can still give instructions through a familiar chat interface. Claude Code then searches the project, identifies relevant files, reads what it needs, and prepares a response without requiring the user to copy and paste source code each time.
VS Code 1.94+ Setup
Anthropic provides an official Claude Code extension for VS Code. The official requirement is VS Code 1.94 or later. Because Claude Code is updated frequently, the article recommends generally using the latest version of VS Code.
After installation, a Claude Code icon is added to VS Code. If the user only needs the extension’s chat interface, the extension includes the Claude Code CLI. A separate CLI installation is required when running it directly from the VS Code terminal.
Inspects Projects
Claude Code can be asked to explain the technologies in use, the main directories, and the application’s entry point. It examines the project files itself and loads the files needed to answer.
File references are another useful part of the VS Code integration. A developer can ask Claude Code to review areas where exceptions could occur in a login process. Code selected inside VS Code can also be passed to Claude, allowing its answer to take the current selection into account.
This workflow supports project investigation before changes are made, rather than requiring an immediate code modification.
CLAUDE.md, Plan Mode, and Subagents
The guide also covers CLAUDE.md, Plan Mode, and Subagents as part of adopting agentic coding in VS Code. Together with project inspection, file editing, command execution, and responses to test results, these features form the broader workflow presented for using Claude Code effectively.
ポコとTECHガイドPoko & TECH Guide
ポコと当サイトのTECHガイドが、記事の要約と収集した情報から読みどころを語るAI生成の対話です。Poko and TECH Dashboard's own TECH Guide discuss the article's highlights in an AI-generated conversation based on its summary and collected source details.
- ポコPoko開発の仕事だと、これは普段の何が変わるの？コードを毎回チャットに貼らなくてよくなる？What changes in everyday development work? Does this mean I don’t have to paste code into a chat every time?
- TECHガイドTECH GuideVS Code内のファイルを自分で探して読み、編集やコマンド実行、テスト後の修正まで支援するよ。毎回の貼り付けは不要なんだ。It can inspect project files in VS Code, edit them, run commands, and make further changes after tests. You don’t need to paste the source each time.
- ポコPoko前はできなかったの？普通のチャット型AIと、どこが違うんだろう。Couldn’t it do that before? I’m wondering how this differs from a regular chat-based AI.
- TECHガイドTECH Guide以前の版との比較は示されていないよ。一般的なチャット型AIと違い、プロジェクトを調べて作業まで進める「AIコーディングエージェント」とされているんだ。There’s no comparison with earlier versions. It’s described as an AI coding agent that can inspect a project and carry out development tasks, unlike a typical chat-based AI.
- ポコPokoいちばんの収穫は、VS Codeから離れず、調査からテスト後の修正まで頼めることなんだね。My biggest takeaway is that it can help from investigation through post-test fixes without making me leave VS Code.
- TECHガイドTECH Guideそうだね。次はVS Code 1.94以降という要件を確認して、CLAUDE.mdやPlan Mode、Subagentの活用に注目したいね。Right. Next, check the VS Code 1.94+ requirement, then look at how CLAUDE.md, Plan Mode, and Subagents are used.
