VS CodeとClaude Codeの公式連携設定

結論

最初にやること：OSのターミナルでclaudeを実行します。

VS Codeでは統合ターミナルだけでなく、公式Claude Code拡張が推奨されます。

拡張はインライン差分、選択範囲のメンション、計画編集、会話履歴、複数タブを提供します。

CLIのパイプ処理やスクリプト利用が必要な場合は、スタンドアロンCLIを併用します。

実行場所：コメントに従い、ターミナルとClaude Codeの対話画面を使い分けます。

# 拡張機能画面を開く
# Claude Codeの対話画面へ入力：作業条件または依頼内容を指定
Ctrl+Shift+X
# 「Claude Code」を検索してInstall
# CLI併用時
# ターミナルで実行：Claude Codeを起動
claude
# Claude Code起動後の対話画面で実行：IDE連携状態を確認・設定
/ide

具体的な手順

1. VS Code 1.94.0以上へ更新し、公式拡張をインストールします。

2. プロジェクトを開いてSparkアイコンからパネルを表示し、アカウント認証を完了します。

3. 選択範囲やファイルをメンションして依頼し、インライン差分を確認して受け入れます。

拡張はCursorや一部のVS Code forkにも導入できます。

統合ターミナルの出力をプロンプトへ含める場合は、秘密値が表示されていないことを確認します。

実践プロンプト

IDEのコンテキスト機能を使い、対象を明確に指定します。

入力場所：Claude Codeの対話画面へ貼り付けます。

@src/routes/auth.ts と @tests/auth.test.ts を参照
失敗しているログインテストだけを修正
制約:
- APIレスポンス型を変更しない
- 新規依存を追加しない
- 差分を最小化
修正後に対象テストを実行して結果を示す

注意点

• 拡張パネルが動いても統合ターミナルのclaudeが見つからない場合は、スタンドアロンCLIが未導入です。

• 未保存ファイルを参照するとClaudeがディスク上の旧内容を読む場合があるため、依頼前に保存します。

• 拡張が表示されない場合はVS Codeを再起動し、Developer: Reload Windowと/doctorを試します。