AIエージェント講座 →
Claude Code

Claude CodeをVS Codeで使う!公式拡張機能とCLIの連携方法

📌 検索キーワード: claude code vscode

【結論】Claude CodeとVS Codeの連携 / 実行コマンド

VS Codeでは統合ターミナルだけでなく、公式Claude Code拡張機能のGUI利用が推奨されています。

拡張機能はインライン差分、ファイルや行範囲の@メンション、Planレビュー、会話履歴を提供します。

VS Code 1.94以降で拡張機能を導入し、初回起動時に有料ClaudeプランまたはConsoleアカウントでログインします。

# CLIも併用する場合は別途インストール
curl -fsSL https://claude.ai/install.sh | bash

# VS Codeの統合ターミナル
claude

具体的な手順・設定方法

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

  2. Claude Codeパネルを開き、アカウント認証を完了します。

  3. 変更したいコードを選択し、@メンションや選択範囲を使って対象を限定します。

  4. CLIも使う場合はスタンドアロン版を別途導入し、統合ターミナルでclaudeを実行します。

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

エディタ連携では選択範囲と受け入れ条件を明示します。

選択中の関数だけを対象にしてください。
公開シグネチャは維持し、null入力のテストを追加してください。
まずPlanを提示し、承認後に編集とテストを実行してください。

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

  • 拡張機能がclaudeコマンドをPATHへ追加するわけではないため、統合ターミナル利用にはCLIの別インストールが必要です。

  • 変更中に手動編集すると差分が競合しやすいため、Claudeの処理完了後にレビューします。

  • 拡張機能が表示されない場合はVS Codeを再起動するか、Command PaletteからDeveloper: Reload Windowを実行します。

1日1時間 × 7日間で学ぶ「自作AIエージェント構築講座」

ツールの設定で消耗する側から、自分専用のAI自動化システムを作る側へ。
実践カリキュラムの全貌はこちらから確認できます。

公式カリキュラムを見る →

おすすめの関連記事

Claude Code

Claude Codeの使い方を徹底解説!基本コマンドと安全な実践手順

Claude Code

Claude Codeの料金体系!Pro・Max・API課金の違いと確認方法

Claude Code

Claude Codeとは?CLI・IDE・デスクトップ・Webで使えるAIエージェント

← ポータルTOP(全100件の検索)へ戻る