小贴士:按下Ctrl+D 或 ⌘+D,一键收藏本站,方便下次快速访问!
MIT License
1
最近更新:1个月前

VS Code 的 Peacock 扩展的 MCP 服务器,为你的世界增添色彩,一次一个代码编辑器。该项目的主要目标是展示如何利用 MCP 服务器与 API 进行交互。

# Peacock MCP 服务器

在 GitHub Codespaces 中打开项目
smithery 徽章Node 版本
许可证

在 VS Code 中使用 NPM 安装 在 VS Code Insiders 中使用 NPM 安装

在 VS Code 中使用 Docker 安装 在 VS Code Insiders 中使用 Docker 安装

功能工具设置配置 MCP 主机

VS Code 的 Peacock 扩展提供的 MCP 服务器,为您的世界着色,一次一个代码编辑器。该项目的主要目标是展示如何利用 MCP 服务器与 API 进行交互。

注意:该 MCP 服务器使用的所有数据均从 官方 Peacock 文档 获取。

🔧 功能

  • 获取 Peacock 文档:获取关于 Peacock 的详细信息。

🧰 工具

1. fetch_peacock_docs 🔍🦸‍♂️

  • 描述:从 GitHub 仓库获取 VS Code 的 Peacock 扩展文档,并根据文档内容回答问题
  • 输入
    • prompt(查询):关于 Peacock 的问题。
  • 返回:您的答案!

🛠️ 设置

点击此处安装 VS Code 的 Peacock 扩展

在 VS Code Insiders 中运行托管于 GitHub Copilot 的 MCP 服务器

注意:如果您已通过 Claude Desktop 启用了 MCP 服务器,请在 VS Code 设置中添加 chat.mcp.discovery.enabled: true,它将自动发现现有的 MCP 服务器列表。

若要将 MCP 服务器与特定仓库关联,请创建 .vscode/mcp.json 文件并包含以下内容:

json 复制代码
{
  "inputs": [],
  "servers": {
    "peacock-mcp": {
      "command": "npx",
      // "command": "node",
      "args": [
        "-y",
        "@johnpapa/peacock-mcp"
        // "_git/peacock-mcp/dist/index.js"
      ],
      "env": {}
    }
  }
}

若要将 MCP 服务器与所有仓库关联,请在 VS Code 用户设置 JSON 中添加以下内容:

json 复制代码
"mcp": {
  "servers": {
    "peacock-mcp": {
      "command": "npx",
      // "command": "node",
      "args": [
        "-y",
        "@johnpapa/peacock-mcp"
        // "/Users/papa/_git/peacock-mcp/dist/index.js"
        // "_git/peacock-mcp/dist/index.js"
      ],
      "env": {}
    }
  }
}
"chat.mcp.discovery.enabled": true,

VS Code 手动安装

注意:如需快速安装,请点击本 README 顶部的安装按钮。

使用 VS Code 设置

要在 VS Code 中手动安装 Peacock MCP 服务器,请按照以下步骤操作:

  1. 打开 VS Code 设置(JSON),按 Cmd+Shift+P(macOS)或 Ctrl+Shift+P(Windows/Linux)并搜索"Preferences: Open User Settings (JSON)"
  2. 在设置文件中添加以下 JSON:
json 复制代码
{
  "mcp": {
    "servers": {
      "peacock-mcp": {
        "command": "npx",
        "args": ["-y", "@johnpapa/peacock-mcp"],
        "env": {}
      }
    }
  },
  "chat.mcp.discovery.enabled": true
}

使用 CLI 命令

对于 VS Code 稳定版:

bash 复制代码
code --add-mcp '{"name":"peacock-mcp","command":"npx","args":["-y","@johnpapa/peacock-mcp"],"env":{}}'

对于 VS Code Insiders:

bash 复制代码
code-insiders --add-mcp '{"name":"peacock-mcp","command":"npx","args":["-y","@johnpapa/peacock-mcp"],"env":{}}'

通过 Smithery 安装

要通过 Smithery 为 Claude Desktop 自动安装 Peacock MCP 服务器:

bash 复制代码
npx -y @smithery/cli install @johnpapa/peacock-mcp --client claude

使用 MCP Inspector 本地运行 MCP 服务器

如需在本地运行 MCP Inspector 测试服务器,请按照以下步骤操作:

  1. 克隆本仓库:

    bash 复制代码
    git clone https://github.com/johnpapa/peacock-mcp
  2. 安装所需依赖并构建项目。

    bash 复制代码
    npm install
    npm run build
  3. (可选)要使用 MCP Inspector 测试服务器,请运行以下命令:

    bash 复制代码
    # 启动 MCP Inspector
    npx @modelcontextprotocol/inspector node build/index.js

    在浏览器中访问控制台显示的 MCP Inspector URL。将 Arguments 改为 dist/index.js 并选择 Connect。选择 List Tools 查看可用工具。

在 GitHub Copilot 中使用工具

  1. 现在 MCP 服务器可被发现后,打开 GitHub Copilot 并选择 Agent 模式(非 ChatEdits)。

  2. 选择 Copilot 聊天文本框中的"刷新"按钮以刷新服务器列表。

  3. 选择"🛠️"按钮查看所有可用工具,包括本仓库提供的工具。

  4. 在聊天框中输入一个自然调用其中某个工具的问题,例如:

    复制代码
    如何设置我的 VS Code 强调色?

    注意:如果您看到"抱歉,响应被 Responsible AI 服务过滤。请重新表述您的提示并重试。",请尝试重新运行或重新表述问题。