VS CodeとGitHub CopilotでMCPサーバーを使う方法

.mcp.json、MCP: Add Serverコマンド、Copilotのエージェントモードを使ってVS CodeでMCPサーバーを設定する方法。

必要なもの

GitHub Copilotが使える最新版のVS Code。MCPのツールはCopilot ChatのAgentモードで使います。

1. 設定ファイルを選ぶ

VS Codeは複数の設定ファイルを読み込みます。新しく設定する場合は、ワークスペース直下の.mcp.json（チームで共有する場合）か、個人用の~/.copilot/mcp-config.jsonが推奨されています。どちらもClaude Desktopと同じmcpServersキーを使います。従来の.vscode/mcp.jsonも引き続き使え、こちらはserversキーと、サーバーごとのtypeを使います。

{
  "servers": {
    "fetch": {
      "type": "stdio",
      "command": "uvx",
      "args": ["mcp-server-fetch"]
    }
  }
}

2. コマンドを使う方法もある

コマンドパレットからMCP: Add Server、またはChat: Open Customizations → MCP Serversを実行すると、ガイドに沿ってサーバーを追加できます。拡張機能ビューで@mcpと入力すれば、MCPサーバーギャラリーからインストールすることもできます。

3. 起動して使う

Copilot ChatをAgentモードで開き、信頼の確認に同意してから、Configure Toolsボタンでサーバーのツールを有効にします。MCP: List Serversで実行中かどうかを確認できます。

シークレットの扱い

APIキーを直接書き込まず、入力変数を使いましょう。VS Codeが一度だけ値を尋ね、安全に保存します。