CC逆引きリファレンス

VS Code 拡張機能をインストールしたい

9. IDE 連携

コマンド / 機能

VS Code で "Claude Code" を検索

概要

VS Code の拡張機能マーケットプレイスから Claude Code をインストールすると、エディタ内で直接 Claude を使用できるようになります。

設定例

# インストール方法
1. VS Code を開く
2. Ctrl + Shift + X で拡張機能パネルを開く
3. "Claude Code" を検索
4. Anthropic 公式の拡張機能をインストール

# コマンドパレットからインストール
Ctrl + Shift + P → "Extensions: Install Extensions"
→ "Claude Code" を検索

こんな時に使う

  • VS Code から Claude を使いたい時
  • IDE 統合環境が欲しい時

使い方

  1. 1VS Code の拡張機能パネル(Ctrl + Shift + X)を開く
  2. 2検索バーに 'Claude Code' と入力
  3. 3Anthropic 公式の拡張機能を選択
  4. 4「インストール」ボタンをクリック
  5. 5インストール後、サイドバーに Claude アイコンが表示される

Tips

  • 公式拡張機能は 'Anthropic' が発行者として表示される
  • インストール後は VS Code の再起動を推奨
  • 初回起動時に認証が必要な場合がある