VS Code×Claude Code連携チュートリアル

【結論】VS Code連携チュートリアル

VS Codeでは、Anthropic公式のClaude Code拡張を使う方法が推奨され、CLIを統合ターミナルで使う方法も併用できます。

拡張はインライン差分、ファイルや行範囲のメンション、プラン確認、会話履歴を提供し、チャットパネル用CLIを内蔵します。

統合ターミナルでclaudeを実行する場合だけ、スタンドアロンCLIも導入します。

# ターミナルで実行：スタンドアロンCLIの有無を確認
claude --version
# VS Code統合ターミナルで実行：現在のワークスペースでCLIを開始
claude
# Claude Code起動後のセッション内で実行：IDE接続状態を確認
/ide

具体的な手順・設定方法

1. VS Code 1.94以降で拡張機能ビューを開き、「Claude Code」を検索してAnthropic提供版をインストールします。

2. ファイルを開き、右上のSparkアイコンからチャットパネルを表示してアカウント認証を完了します。

3. 変更前に対象行を選択してメンションし、提案後はインライン差分またはSource Controlで採用内容を確認します。

実践プロンプト / 活用テクニック

選択範囲だけを修正させる例です。

選択した関数だけを対象に、null入力で例外になる原因を説明してください。
まず修正案と追加するテストケースを示し、承認後に最小差分を適用してください。
既存の公開APIと戻り値の型は変更しないでください。

注意点・よくあるエラーと対処法

「専用拡張は不要」という説明は現行仕様では不正確で、VS Codeでは公式拡張が推奨されています。

拡張とCLIでは利用できるコマンドや操作に差があり、MCP追加など一部設定はCLIから行います。

CLIは未保存のエディタ内容を直接読めないため保存してから依頼し、拡張では選択範囲や行番号を明示して意図を固定してください。