本文最后更新于 2026年5月11日。
http://10.10.10.3:3000/
my-mcphub
{
"servers": {
"my-mcphub": {
"url": "http://10.10.10.3:3000/",
"type": "http"
}
},
"inputs": []
}
答案是:可以,而且是通过两种方式实现。
Visual Studio Code(特别是结合 GitHub Copilot Agent Mode 或相关的 AI 助手扩展)是 Model Context Protocol (MCP) 的主要客户端之一,它支持连接 MCP 服务器。
由于 McpHub 本身是作为一个 聚合和代理 MCP 服务器 运行的,你可以将它连接到 VS Code。
方式 1: 将 McpHub 作为远程 HTTP 服务器连接 (推荐)
这是最直接、最能体现 McpHub 价值的集成方式。
VS Code 允许通过配置 远程 HTTP/SSE 服务器来添加 MCP 工具。
步骤:
-
打开 VS Code 设置文件:
- 按
Ctrl + Shift + P(或Cmd + Shift + P),然后输入Open User Settings (JSON)。 - 或者,如果你想在当前工作区共享配置,打开
.vscode/mcp.json(如果文件不存在则创建)。
- 按
-
添加 McpHub 配置: 在你的
settings.json或.vscode/mcp.json中,找到或创建mcp.servers配置块(或类似的配置块,具体取决于你使用的 VS Code 扩展)。你将使用 McpHub 的统一 API 端点:
{ "mcp.servers": { "mcphub_remote": { "type": "http", "url": "http://10.10.10.3:3000/mcp", "label": "My McpHub Remote Tools" // 如果 McpHub 启用了 API Token 认证,你可能还需要添加 headers /* "headers": { "Authorization": "Bearer YOUR_MCHUB_API_TOKEN" } */ } } } -
重新加载/启用 Agent Mode:
- 重启 VS Code 或使用
Ctrl + Shift + P运行MCP: Reset Cached Tools命令。 - 切换到 GitHub Copilot Chat (或其他 AI Chat) 视图,确保它处于 Agent Mode。
- 点击工具选择器,你应该能看到你的
My McpHub Remote Tools下面聚合了所有你配置的工具(如web_search、amap等)。
- 重启 VS Code 或使用
方式 2: 在 VS Code 中直接配置和运行原始的 MCP 服务器
就像 Trae IDE 一样,VS Code 也支持通过 command (STDIO 方式) 直接在本地启动和管理 MCP 服务器。
如果你不想使用 McpHub,而是想让 VS Code 自己管理工具,你可以:
{
"mcp.servers": {
"n8n-mcp-local": {
"command": "npx",
"args": ["n8n-mcp"],
"type": "stdio"
},
"playwright-mcp-local": {
"command": "npx",
"args": ["@playwright/mcp@latest"],
"type": "stdio"
}
}
}
总结与建议
| 特性 | McpHub 方式 (方式 1) | 直接配置方式 (方式 2) |
|---|---|---|
| 配置点 | 只需要配置 1 个 URL (/mcp 端点)。 |
必须配置 每个 独立的 MCP 服务器。 |
| 启动方式 | 只需要确保 McpHub Docker 容器 运行。 | 每次启动 VS Code 时,VS Code 都会尝试启动 所有 配置的服务器。 |
| 优势 | 集中管理,易于维护;适合多个客户端。 | 工具启动更快(因为是本地 stdio);不依赖 Docker。 |
如果你已经设置了 McpHub Docker,强烈建议使用 方式 1,将 McpHub 作为统一的远程服务器连接到 VS Code。