【結論】公式VS Code拡張を利用する
VS CodeではAnthropic公式Claude Code拡張が推奨され、専用Panel、Inline Diff、Plan Review、@mentionを利用できます。
非公式Agent拡張をClaude Codeそのものとして案内しないでください。
CLIを使う場合もVS Code統合Terminalから同じProjectで起動できます。
# VS Codeで実行：公式拡張を導入
code --install-extension anthropic.claude-code
# ターミナルで実行：CLIを確認
claude --version
# VS Code統合ターミナルで実行：Claude Codeを起動
claude
# 起動後のセッション内で実行：IDE接続を確認
/status具体的な手順・設定方法
Extensionsで発行元がAnthropicのClaude Codeを選びます。
Panelから対象ファイルを@mentionし、PlanとDiffを確認します。
変更後にTest、Source Control、未保存Bufferを確認します。
実践プロンプト / 活用テクニック
# VS CodeのClaude Codeパネルで入力
@src/components/Header.tsx を読み取り専用でレビューしてください。
アクセシビリティ、Props型、未使用importだけを確認してください。
編集、依存追加、Git操作は行わないでください。注意点・よくあるエラーと対処法
Roo CodeやClineは別製品で、認証、権限、料金、Data flowが異なります。
Marketplace上の類似名称拡張と公式拡張を混同しないでください。
CLIとIDEが接続しない場合は公式TroubleshootingでExtension、Shell、Workspaceを確認します。