Claude Code for VS Code公式拡張の使い方

【結論】解決策 / 実行コマンド

Claude CodeにはAnthropic公式のVS Code拡張機能があり、現在はVS Codeでの推奨利用方法です。

ネイティブGUI、インライン差分、ファイルの@メンション、計画レビュー、複数会話、Chrome連携を利用できます。

統合ターミナル版も併用できますが、公式拡張が存在しないという説明は誤りです。

# VS Codeのコマンドパレットで実行：公式拡張を検索
# Claude Code: Open
# VS Codeの統合ターミナルで実行：CLIを併用
claude
# 起動後のセッション内で実行：Remote Controlを開始
/remote-control

具体的な手順・設定方法

1. VS Code Marketplaceで発行元がAnthropicのClaude Code拡張を確認して導入します。

2. 対象ファイルや選択範囲を@メンションし、計画をレビューしてから変更を承認します。

3. CLIとの同時編集を避け、変更後はVS Codeの差分ビューとテストで確認します。

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

# VS Code拡張の入力欄で実行
@src/components/Header.tsx @tests/Header.test.tsx
この2ファイルだけを対象にアクセシビリティ問題を修正してください。
最初に計画を示し、承認後に編集し、関連テストを実行してください。

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

未保存ファイルとCLI編集の競合に注意してください。

非公式拡張へAPIキーを入力せず、公式発行元を確認してください。

ターミナルフォント設定は任意であり、Nerd Fontを必須と断定しないでください。