Claude Code は VSCode でどう使えるのか
直接回答:Claude Code は VSCode 統合ターミナルから直接起動する方法と、Anthropic 公式拡張機能を入れて GUI で操作する方法の2ルートで使えます。エージェント挙動はターミナル版が強く、選択範囲を渡す軽い編集は拡張機能のほうが速いです。
VSCode と Claude Code は2026年5月時点で深く統合されており、ターミナル版でも自動的にアクティブなエディタの選択範囲・ファイルパスを参照します。Cursor のように IDE を丸ごと差し替える必要はありません。
ターミナル統合と公式拡張機能の2ルート
・使い方 / 起動方法 / 強み / 弱み
・ターミナル統合 / Ctrl+ でターミナルを開き claude` 実行 / エージェント機能フル活用、複数ファイル編集、自動コミット / GUI なし、初学者には敷居高め
・公式拡張機能 / Marketplace で「Anthropic Claude Code」をインストール / 選択範囲を右クリックで送信、Diff ビュー連携 / 並列タスクは弱い
私自身は1日の8割をターミナル統合で回し、Pull Request 説明文の生成だけ拡張機能を使う運用が一番速いと感じます。
Cursor / GitHub Copilot との立ち位置の違い
Cursor は VSCode のフォーク IDE で、月$20の Cursor Pro に Claude / GPT のチャットが含まれます。GitHub Copilot は月$10〜$19のサブスクで補完中心。
Claude Code は VSCode を残したまま「エージェントとして仕事を任せる」のが強みで、Copilot の補完と Cursor のチャットを横断するワークフローを VSCode 1本に集約できます。
VSCode への Claude Code 導入手順（5分）
直接回答:VSCode のターミナルで npm install -g @anthropic-ai/claude-code を実行し、claude login でブラウザ認証すれば3分。公式拡張機能を追加で入れる場合は2分。合計5分で完了します。
Pro / Max の契約は事前に済ませてください。Claude Code は Free プランからは起動できません(出典: https://code.claude.com/docs/en/getting-started)。
VSCode のターミナルから claude を起動する最短ルート
1. VSCode で Ctrl+ （Mac は Cmd+`` ）でターミナルを開く
2. npm install -g @anthropic-ai/claude-code でインストール
3. claude login でブラウザ認証
4. プロジェクトディレクトリで claude を起動
ここまでで VSCode のターミナル経由で Claude Code が動きます。VSCode はアクティブなフォルダを自動的に作業ディレクトリにするので、複数プロジェクトを開いていても混線しません。
公式拡張機能 Anthropic Claude Code のインストール
VSCode サイドバーの拡張機能ビューで「Anthropic Claude Code」を検索してインストール。インストール後、コマンドパレット（Cmd+Shift+P）で「Claude Code: Sign In」を実行すると、ターミナル版と同じ認証情報が共有されます。再ログインは不要。
ワークスペース設定で API キーを管理する方法
API キー方式（Console 課金）で動かす場合、.vscode/settings.json に直接書くと git にコミットされる事故が起きます。~/.zshrc または ~/.bash_profile に export ANTHROPIC_API_KEY=sk-ant-... を書き、VSCode の統合ターミナルから読み込ませるのが安全。
チームで使うなら 1Password CLI と組み合わせるとローテーションも楽です。
VSCode 統合で生産性が上がる5つの使い方
直接回答:選択範囲リファクタ、ファイル要約、Diff レビュー、マルチカーソル一括書き換え、タスクランナー連携の5パターンを使い分けると、初日から1時間あたり3〜5倍の作業量に到達します。
「VSCode を起動してから Claude Code を使うとどう変わるか」のイメージが湧かない方向けに、定番の5パターンを具体的なコマンドで示します。
選択範囲を Claude Code に渡してリファクタ
エディタで関数を選択 → 公式拡張機能の右クリックメニューから「Send to Claude Code」→ 「TypeScript の strict エラーを潰して」と指示。30秒で差分が返ってきて、そのままエディタに反映できます。Cursor の Cmd+K 体験に近い感覚。
ファイル全体を要約して PR ディスクリプションに貼る
ターミナルで claude "src/api/users.ts を要約して、PR ディスクリプション風に箇条書きで出して" と指示。Pull Request 作成時の説明文がほぼ生成済みで届きます。私自身、PR 説明文の作成時間は20分から3分に短縮しました。
Diff ビューと連動した修正レビュー
Source Control パネルで Diff を開いた状態で、claude "この差分の懸念点を3つ挙げて、修正案も添えて" と指示すると、レビュアー視点のコメントが返ります。コードレビューを Claude Code にやらせるパターン。
マルチカーソルでの一括書き換え
VSCode のマルチカーソル（Cmd+D で同一名連続選択）で複数箇所を選び、Claude Code に「oldName を newName に置き換えて、import も合わせて」と指示。リネームリファクタ系は VSCode 標準機能と Claude Code を併用すると確実です。
タスクランナーから claude コマンドを呼び出す
.vscode/tasks.json に Claude Code のコマンドを登録すると、Cmd+Shift+B でビルド前に「テストを書いて → 実行 → 失敗したら修正」を自動化できます。CI を回す前のローカル品質チェックに有効。
Claude Code（VSCode）と Cursor の違い
直接回答:Cursor は VSCode フォークの IDE で月$20のプランに Claude / GPT のチャットが含まれます。Claude Code は VSCode 純正環境のままエージェントを使え、Cursor の Cmd+K 相当を Pro $20で得られます。既存 VSCode 拡張資産が活きる点で Claude Code が優位です。
Cursor を5名で導入すると月$100、Claude Code Pro 5名でも月$100で同価格帯。両者を比較する3軸を整理します。
価格・モデル・エージェント挙動の3軸比較
・比較項目 / Cursor Pro / Claude Code Pro
・月額 USD / $20 / $20
・月額 JPY 目安 / 約3,100円 / 約3,100円
・既定モデル / Claude / GPT 切替 / Sonnet 4.6（Pro）/ Opus 4.7（Max）
・エージェント / Composer / Claude Code エージェント
・IDE / VSCode フォーク / VSCode 純正
Cursor は IDE を差し替えるコストがある一方、Composer の体験は洗練されています。Claude Code は IDE を変えずに済むので、社内の VSCode 設定資産を活かしたい中堅企業に向きます。詳細な比較はClaude Code 料金プランの早見表も参照してください。
既存 VSCode 拡張資産をそのまま使えるか
Cursor も VSCode 拡張をほぼ動かせますが、認証やライセンス系の拡張で動作差が出るケースがあります。Claude Code は VSCode を変えないので、ESLint・Prettier・社内テンプレ拡張などをそのまま継続利用できる点は実務で効きます。
VSCode で Claude Code を使う際の注意点
直接回答:トークン浪費を防ぐには、VSCode の自動保存をオン、巨大ファイルは閉じてから操作、.claudeignore で node_modules や dist を除外—この3点が効きます。Pro $20の上限到達を週1回未満に抑えられます。
VSCode 統合は便利ですが、編集対象を絞らないと一回の対話で20万トークン消費するケースもあります。
トークン消費を抑えるエディタ設定
・自動保存を onFocusChange または afterDelay 1000 に設定
・アクティブでない巨大ファイル（10万行超）はタブを閉じる
・ターミナル統合の出力は claude 終了後にクリア
これだけで Pro $20の5時間ウィンドウを2時間延ばせます。
.claudeignore の書き方とパフォーマンス
.gitignore と同じ書式で、.claudeignore をプロジェクトルートに置きます。
node_modules/
dist/
.next/
*.log
*.lock
Claude Code は .claudeignore のパスをスキャン対象から外すので、初回スキャンが3〜5倍速くなります。
Claude Code VSCode よくある質問
Q1. ターミナル版と拡張機能版を併用できますか？ A. できます。同じアカウントで認証されていれば状態が共有されます。普段はターミナル、軽い編集だけ拡張機能、という使い分けが効率的。
Q2. Cursor からの移行は必要ですか？ A. 既存の VSCode 設定を捨てたくないなら不要。Cursor の Composer に強くロックインされている方は、Claude Code に2週間切り替えてみて判断するのが安全。
Q3. GitHub Copilot との併用は？ A. 併用可能。Copilot は補完、Claude Code はエージェントとして使い分けると役割が被りません。月額は Copilot $10＋Claude Code Pro $20＝月$30で済みます。
Q4. VSCode のリモート開発（SSH / Codespaces）でも動きますか？ A. 動きます。リモート側に Claude Code をインストールしてください。ローカルの認証情報は使えないので claude login を再実行します。
Q5. ファイル編集を確認なしで適用させたくありません。 A. Claude Code は既定で編集前に Diff を見せて承認を求めます。/auto-approve を有効化しない限り勝手にファイルを書き換えません。
まとめ：VSCode + Claude Code は5分で月3,100円の元が取れる
VSCode で Claude Code を使う最短ルートは、Ctrl+ でターミナルを開いて npm install -g @anthropic-ai/claude-code → claude login → プロジェクトで claude` を起動。5分で完了し、初日から PR 説明文・リファクタ・コードレビューに使えます。
Cursor との価格は同じ月$20ですが、既存の VSCode 拡張資産が活きる点で乗り換えコストはほぼゼロ。1USD=155円換算（2026年5月時点）で月3,100円なら、外注ライターの1記事分で半年分の元が取れる試算です。
同じトピックでさらに深掘りしたい方は、ピラー記事「Claude Code 料金全プラン徹底解説」もあわせてどうぞ。X（@yoshio_nocode）では毎日 AI×ノーコード×スモビジの実践ネタを発信中。最新ノウハウを取りこぼしたくない方はフォローしてください。