Visual Studio Code (VSCode) 中配置 MCP

参考链接：blog.csdn.net/sunyuhua_ke...

VSCode 提供了三种方式来添加 MCP Server

工作区设置：通过在工作区创建 .vscode/mcp.json 文件配置，适合团队共享。
用户设置：通过 VSCode 的用户设置（settings.json）配置，适用于所有工作区。
自动发现：启用自动发现功能，检测其他工具（如 Claude Desktop）中定义的 MCP Server。

方式1：工作区设置

（1）打开工作区创建配置文件

diff 复制代码

-   在工作区根目录下创建 .vscode 文件夹（如果不存在）。
-   在 .vscode 文件夹中创建 mcp.json 文件。

（2）添加 MCP Server 配置

arduino 复制代码

-   编辑 mcp.json，添加 MCP Server 的配置。

以下是一个示例配置，用于添加 Perplexity MCP Server：

js 复制代码

{
  "inputs": [
    {
      "type": "promptString",
      "id": "api-key",
      "description": "Perplexity API Key",
      "password": true
    }
  ],
  "servers": {
    "perplexity": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-perplexity"],
      "env": {
        "PERPLEXITY_API_KEY": "${input:api-key}"
      }
    }
  }
}

说明：

inputs：定义启动服务器时需要输入的变量（如 API 密钥），VSCode 会在首次启动时提示输入，并安全存储。
servers：定义 MCP Server 的配置。
- type：连接类型，通常为 stdio（标准输入/输出）或 sse（服务器发送事件）。
- command：运行服务器的命令（如 npx、docker 或自定义命令）。
- args：命令的参数，指定要运行的 MCP Server 包。
- env：环境变量，用于传递 API 密钥等敏感信息。

注意：

确保 command 和 args 指向的 MCP Server 包已正确安装（通过 npm install -g 或本地安装）。仅使用来自可信来源的 MCP Server，因为它们可能在你的机器上运行任意代码。

方式2：用户设置（全局）

如果你希望 MCP Server 在所有工作区生效，可以编辑用户设置：

打开 VSCode 设置：

按 Ctrl+,（或 Cmd+, on Mac）打开设置界面。
或者通过命令面板运行 Preferences: Open Settings (JSON)。
编辑 settings.json，添加以下内容：

js 复制代码

{
  "mcp": {
    "servers": {
      "my-mcp-server": {
        "type": "stdio",
        "command": "npx",
        "args": ["-y", "@modelcontextprotocol/server-example"]
      }
    }
  }
}

保存后，配置将应用于所有工作区。

方式3：命令面板添加 MCP Server

如果你不想手动编辑 mcp.json，可以使用 VSCode 的命令面板：

打开命令面板：按 Ctrl+Shift+P（或 Cmd+Shift+P on Mac）。
输入并选择 MCP: Add Server。
选择 MCP Server 类型（如 Perplexity、GitHub 等）。
提供服务器信息（如命令、参数、环境变量）。
选择存储位置：
- Workspace Settings：将配置添加到 .vscode/mcp.json。
- User Settings：将配置添加到全局 settings.json。
保存后，VSCode 会自动应用配置。

验证和使用 MCP Server

检查服务器状态：

运行命令 MCP: List Servers（通过命令面板）。
查看已配置的服务器列表，确认服务器状态（绿色小灯表示运行正常）。

使用代理模式：

确保 GitHub Copilot 的代理模式已启用（在设置中启用 chat.agent.enabled）。
打开聊天视图，选择 Agent 模式。
输入任务，代理会自动调用 MCP Server 提供的工具（如文件操作、API 调用等）。

管理工具：

在聊天视图中点击"工具"图标，启用或禁用特定工具。
使用 # 引用特定工具，如 #github 调用 GitHub MCP Server 的工具。