【結論】VS Code公式拡張で連携する
VS CodeではAnthropic公式Claude Code extensionを使うのが直接的な連携方法です。
専用Panel、inline diff、Plan review、@mentionを利用でき、統合TerminalからCLIも起動できます。
Roo CodeやClineは別製品であり、Claude Code公式Extensionとして扱いません。
# ターミナルで実行：Official extensionを導入
code --install-extension anthropic.claude-code
# VS Code統合ターミナルで実行：CLIを診断
claude --version
claude doctor
# VS Code統合ターミナルで実行：Planモードで開始
claude --permission-mode plan
# ターミナルで実行：差分を確認
git diff --stat具体的な手順・設定方法
VS CodeとExtensionを更新し、PublisherがAnthropicであることを確認します。
Project folderを開き、Claude Code panelから読み取り専用Reviewを開始します。
inline diff、Test、Source Controlを確認して適用します。
実践プロンプト / 活用テクニック
# VS CodeのClaude Code panelで入力
@src/components/Header.tsx を読み取り専用でReviewしてください。
Responsive、Keyboard操作、Unused importだけを確認してください。
編集、依存追加、Git操作は行わないでください。注意点・よくあるエラーと対処法
未保存BufferとCLIの外部編集が競合する場合があります。
ExtensionのAuto-updateとCLI versionは別に確認します。
Workspace trustとOrganization policyを無視して権限を広げないでください。