从 GitHub Copilot Agent 模式使用服务器

Visual Studio Code 和 GitHub Copilot 可以作为客户端来使用 MCP 服务器。你可能会问，为什么我们要这样做？这意味着 MCP 服务器的所有功能现在都可以直接在你的 IDE 中使用。想象一下，如果你添加了 GitHub 的 MCP 服务器，就可以通过自然语言提示来控制 GitHub，而不必在终端输入特定命令。或者，任何能够提升开发者体验的功能，都可以通过自然语言来控制。现在你应该能看到其中的优势了吧？

概述

本课将介绍如何使用 Visual Studio Code 和 GitHub Copilot 的 Agent 模式作为 MCP 服务器的客户端。

学习目标

完成本课后，你将能够：

通过 Visual Studio Code 使用 MCP 服务器。
通过 GitHub Copilot 运行工具等功能。
配置 Visual Studio Code 以查找和管理你的 MCP 服务器。

使用方法

你可以通过两种方式控制你的 MCP 服务器：

用户界面，稍后章节会介绍具体操作。
终端，可以使用 code 可执行文件从终端控制：
要将 MCP 服务器添加到用户配置中，使用 --add-mcp 命令行选项，并提供 JSON 格式的服务器配置，如 {"name":"server-name","command":...}。
```
code --add-mcp "{\"name\":\"my-server\",\"command\": \"uvx\",\"args\": [\"mcp-server-fetch\"]}"
```

截图

Visual Studio Code 中的引导式 MCP 服务器配置
每个代理会话的工具选择
轻松调试 MCP 开发中的错误

接下来我们将详细讲解如何使用可视化界面。

方法

整体流程如下：

配置文件以定位 MCP 服务器。
启动/连接服务器，让其列出可用功能。
通过 GitHub Copilot Chat 界面使用这些功能。

了解了流程后，我们通过一个练习来尝试在 Visual Studio Code 中使用 MCP 服务器。

练习：使用服务器

本练习中，我们将配置 Visual Studio Code 以找到你的 MCP 服务器，从而可以通过 GitHub Copilot Chat 界面使用它。

-0- 预备步骤，启用 MCP 服务器发现

你可能需要启用 MCP 服务器的发现功能。

在 Visual Studio Code 中，进入 文件 -> 首选项 -> 设置。
搜索 “MCP”，并在 settings.json 文件中启用 chat.mcp.discovery.enabled。

-1- 创建配置文件

首先在项目根目录创建配置文件，需要在名为 .vscode 的文件夹中创建 MCP.json 文件，内容示例如下：

.vscode
|-- mcp.json

接下来，我们看看如何添加服务器条目。

-2- 配置服务器

向 mcp.json 添加以下内容：

{
    "inputs": [],
    "servers": {
       "hello-mcp": {
           "command": "node",
           "args": [
               "build/index.js"
           ]
       }
    }
}

上面是一个用 Node.js 启动服务器的简单示例，其他运行时请通过 command 和 args 指定正确的启动命令。