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

VS Code版Claude Code教程:公式連携手順

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

【結論】VS Code公式拡張と統合ターミナルを使う

VS CodeではAnthropic公式Claude Code拡張を導入する方法と、統合ターミナルからCLIを起動する方法があります。

公式拡張は選択範囲、開いているファイル、差分表示を扱いやすく、CLIはGitやテストなど既存コマンドとの連携に向きます。

初心者はPlanモードで調査し、差分確認後に編集を許可する手順が安全です。

# VS Codeの統合ターミナルで実行:状態を確認
claude --version
claude doctor
# VS Codeの統合ターミナルで実行:Planモードで開始
claude --permission-mode plan
# 起動後のセッション内で実行:IDE接続を確認
/ide
# 起動後のセッション内で実行:権限を確認
/permissions

具体的な手順・設定方法

  1. VS Code MarketplaceでPublisherがAnthropicの公式拡張か確認して導入します。

  2. 対象リポジトリを開き、Gitの未保存変更を確認します。

  3. 最初は読み取り専用で変更計画とテスト候補を出させます。

  4. 編集後はSource Controlの差分、Lint、型検査、テスト結果を人間が確認します。

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

# VS CodeのClaude Codeパネルで入力
現在のワークスペースを読み取り専用で調査してください。
src/main.tsの型エラーに関係するファイルだけを特定し、修正計画とテストを示してください。
まだファイルを変更しないでください。

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

存在しないauto_approval設定を使わないでください。

統合ターミナル版ではVS Codeの選択範囲が必ず自動共有されるとは限りません。

Windowsの推奨ネイティブ版ではnpmや実行ポリシー変更は必須ではありません。

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(全1000件の検索)へ戻る