VSCode as MCP Server

VSCode as MCP Server

Marketplace

VSCode を MCP サーバーに変える VSCode 拡張機能です。Claude Desktop などの MCP クライアントから高度なコーディング支援を可能にします。

主な機能

コード編集のサポート

• LLM から提案されたコード変更を差分で確認し、承認、拒否、またはフィードバックを提供できます。
• リアルタイムの診断メッセージ（型エラーなど）が即座に LLM へ送信され、すぐに修正できます。

ターミナル操作

• VSCode の統合ターミナル内でコマンドを実行できます（バックグラウンド/フォアグラウンド実行、タイムアウト設定に対応）。

プレビューツール

• VSCode 内蔵ブラウザで URL を直接プレビューできます（例: Vite サーバー起動後に自動でブラウザプレビューを開く）。

マルチインスタンスの切り替え

• 開いている複数の VSCode ウィンドウ間で MCP サーバーを簡単に切り替えられます。（ステータスバーの項目をクリックするだけ）

リレー機能（実験的）

• VSCode 1.99 で導入された組み込みの MCP サーバーを中継して外部に公開します。
• GitHub Copilot など、他の MCP 拡張機能が提供するツールに外部からアクセスできるようにします。

利用可能な組み込みツール

• execute_command: VSCode の統合ターミナルでコマンドを実行
• code_checker: コードの現在の診断情報を取得
• focus_editor: ファイル内の特定の位置にフォーカス
• list_debug_sessions / start_debug_session / restart_debug_session / stop_debug_session: デバッグセッションを管理
• text_editor: ファイル操作（表示、置換、作成、挿入、元に戻す）
• list_directory: ディレクトリの内容をツリー形式で一覧表示
• get_terminal_output: 指定したターミナルの出力を取得
• list_vscode_commands / execute_vscode_command: 任意の VSCode コマンドを一覧表示および実行
• preview_url: VSCode の統合ブラウザで URL を開く

インストールとセットアップ

1. VSCode Marketplace から拡張機能をインストールします。

2. MCP クライアントを設定します:

   • mcp-installer を使用する場合: 「vscode-as-mcp-server MCP サーバーをインストールして」と指示するだけです。
   • Claude Desktop などの他のクライアント: 設定ファイル（claude_desktop_config.json）に以下を追加します:

   {
     "mcpServers": {
       "vscode": {
         "command": "npx",
         "args": ["vscode-as-mcp-server"]
       }
     }
   }
   

3. VSCode の右下のステータスバーで MCP サーバーの状態を確認します:

   • (サーバーアイコン): サーバーが実行中
   • ∅: クリックしてサーバーを起動

開発の動機

この拡張機能は、従量課金制のコーディングツール（Roo Code や Cursor など）に伴う高コストを軽減するために開発されました。VSCode に直接組み込まれた、手頃でセルフホスト可能な代替手段です。

バグ報告やフィードバックをぜひお寄せください！🙇

今後のロードマップ

• 公開する組み込み MCP サーバーを選択できるようにする
• WebView ベースの承認 UI（Roo Code と同様）
• VSCode のファイル履歴（タイムライン）との統合
• 自動承認とツールの有効化/無効化を即座に切り替え
• カスタマイズ可能なサーバーポート設定