Vscode As MCP Server

🚀 VSCode を MCP サーバーとして使用する

マーケットプレイス

これは VSCode の拡張機能で、あなたの VSCode を MCP サーバーに変換し、Claude Desktop などのクライアントからの高度なコーディング支援をサポートします。

✨ 主な機能

コード編集サポート

• LLM が提案するコード変更を（差分表示で）確認し、受け入れたり、拒否したり、フィードバックを提供したりできます。
• リアルタイムの診断情報（例：型エラー）を即座に LLM に送信して即時修正を行います。

ターミナル操作

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

プレビューツール

• VSCode の組み込みブラウザで直接 URL をプレビューできます（例：Vite サーバーを起動した後、自動的にブラウザでプレビューを開きます）。

複数インスタンス切り替え

• 複数の開いている VSCode ウィンドウで MCP サーバーを簡単に切り替えることができます（ステータスバーのアイコンをクリックするだけ）。

中継機能（実験的）

• VSCode 1.99 バージョンで導入された組み込み MCP サーバーを転送して公開します。
• GitHub Copilot など、他の MCP 拡張機能が提供するツールへの外部アクセスを許可します。

📦 インストールと設定

1. VSCode マーケットプレイス から拡張機能をインストールします。

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

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

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

3. VSCode の右下のステータスバーの 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 を開きます

🔧 開発動機

この拡張機能は、Roo Code や Cursor などの従量制のコーディングツールに関連する高コストを軽減することを目的としています。VSCode ネイティブで安価な代替手段です。

バグ報告やフィードバックを歓迎します！ 🙇

🚧 未来のロードマップ

• 公開する組み込み MCP サーバーを選択できるようにする
• WebView ベースの承認画面（Roo Code に類似）を導入する
• VSCode のファイル履歴（タイムライン）を統合する
• 自動承認とツールのアクティブ/非アクティブを瞬時に切り替える
• サーバーポートのカスタム設定を可能にする