Visual Studio Code

​

VS Code拡張機能（ベータ版）

​

機能

• ネイティブIDE体験: Sparkアイコンからアクセスできる専用のClaude Codeサイドバーパネル
• 編集機能付きプランモード: Claudeのプランを受け入れる前にレビューと編集が可能
• 自動受け入れ編集モード: Claudeの変更が行われると自動的に適用
• ファイル管理: @メンションでファイルを指定、またはシステムファイルピッカーを使用してファイルと画像を添付
• MCPサーバー使用: CLIを通じて設定されたModel Context Protocolサーバーを使用
• 会話履歴: 過去の会話への簡単なアクセス
• 複数セッション: 複数のClaude Codeセッションを同時実行
• キーボードショートカット: CLIのほとんどのショートカットをサポート
• スラッシュコマンド: 拡張機能内でCLIスラッシュコマンドの大部分に直接アクセス

​

要件

• VS Code 1.98.0以上

​

インストール

​

更新

1. Cmd+Shift+P（Mac）またはCtrl+Shift+P（Windows/Linux）でVS Codeコマンドパレットを開く
2. 「Claude Code: Update」を検索
3. コマンドを選択して最新バージョンに更新

​

動作方法

1. エディターのサイドバーにあるSparkアイコンをクリックしてClaude Codeパネルを開く
2. ターミナルで行うのと同じ方法でClaude Codeにプロンプトを送信
3. Claudeがコードを分析し変更を提案する様子を確認
4. インターフェースで直接編集をレビューし受け入れ
   • ヒント: サイドバーを広くドラッグしてインライン差分を表示し、クリックして詳細を展開

​

未実装機能

• 完全なMCPサーバー設定: まずCLIを通じてMCPサーバーを設定する必要があり、その後拡張機能がそれらを使用します
• サブエージェント設定: VS Codeで使用するためにCLIを通じてサブエージェントを設定
• チェックポイント: 特定のポイントで会話状態を保存・復元
• 高度なショートカット:
  • メモリに追加する#ショートカット
  • bashコマンドを直接実行する!ショートカット
• タブ補完: タブキーによるファイルパス補完

​

セキュリティに関する考慮事項

• 信頼できないワークスペースに対してVS Code制限モードを有効にする
• 編集に手動承認モードを使用する
• Claudeが信頼できるプロンプトでのみ使用されることを確実にするため特別な注意を払う

​

レガシーCLI統合

​

トラブルシューティング

​

拡張機能がインストールされない

• 互換性のあるVS Codeバージョン（1.85.0以降）があることを確認
• VS Codeに拡張機能をインストールする権限があることを確認
• マーケットプレイスウェブサイトから直接インストールを試行

​

レガシー統合が動作しない

• VS Codeの統合ターミナルからClaude Codeを実行していることを確認
• IDEバリアント用のCLIがインストールされていることを確認：
  • VS Code: codeコマンドが利用可能であること
  • Cursor: cursorコマンドが利用可能であること
  • Windsurf: windsurfコマンドが利用可能であること
  • VSCodium: codiumコマンドが利用可能であること
• コマンドがインストールされていない場合：
  1. Cmd+Shift+P（Mac）またはCtrl+Shift+P（Windows/Linux）でコマンドパレットを開く
  2. 「Shell Command: Install ‘code’ command in PATH」（またはIDEに相当するもの）を検索