Snap MCP Plugin

MCP经理

通过GitHub Copilot Chat与Azure DevOps和Figma集成，简化MCP（模型上下文协议）服务器管理。

特性

• 零配置MCP设置：使用单个命令自动安装和配置MCP服务器
• GitHub Copilot聊天集成：使用 @mcp 在GitHub Copilot聊天中查询Azure DevOps和Figma
• 统一接口：从一个地方管理多个MCP服务器
• 状态栏集成：一目了然地查看连接的MCP服务器
• 安全凭据管理：在VS代码设置中安全存储API密钥和令牌

入门指南

先决条件

• Visual Studio代码1.105.0或更高版本
• Node.js 18或更高版本
• 已安装GitHub Copilot扩展
• Azure DevOps个人访问令牌（PAT）- 在此处创建一个
• Figma访问令牌- 在此处创建一个

安装

1. 从VS代码市场安装扩展（或从VSIX安装）
2. 运行命令： MCP：设置服务器 (Ctrl+Shift+P / Cmd+Shift+P)
3. 出现提示时输入您的凭据：

- Azure DevOps PAT - Azure DevOps组织URL - Figma访问令牌

用法

使用聊天参与者

打开GitHub Copilot聊天并使用 @mcp 与您的MCP服务器交互：

@mcp Show me my recent Azure DevOps work items
@mcp List pull requests in my Azure DevOps project
@mcp Get Figma designs for the login component

扩展程序会根据关键字自动将您的查询路由到相应的MCP服务器。

命令

• MCP：设置服务器 -配置并连接到MCP服务器
• MCP：显示状态 -查看连接的服务器和可用工具
• MCP：配置凭据 -更新API密钥和令牌
• MCP：断开所有服务器的连接 -断开所有MCP服务器的连接

状态栏

单击状态栏项 $(plug) MCP: N 快速查看连接的服务器。

配置

通过VS代码设置配置扩展：

{
  "mcpManager.azureDevOps.pat": "your-pat-here",
  "mcpManager.azureDevOps.organization": "https://dev.azure.com/yourorg",
  "mcpManager.figma.accessToken": "your-figma-token",
  "mcpManager.autoConnect": true
}

扩展设置

例子

Azure DevOps查询

• “显示我分配的工作项”
• “列出最近的拉取请求”
• “获取工作项#1234的详细信息”

Figma查询

• “列出我团队中的所有设计文件”
• “从\[文件名\]获取组件”
• “显示最近对\[设计\]的评论”

故障排除

MCP服务器连接失败

• 验证您的凭据是否正确
• 检查Node.js是否已安装并在PATH中可用
• 尝试断开连接并重新连接： MCP：断开所有服务器的连接 然后 MCP：设置服务器

聊天参与者无法工作

• 确保GitHub Copilot扩展已安装并处于活动状态
• 重新启动VS代码
• 检查扩展是否已激活（查找状态栏项）

发展

从源头构建

git clone https://github.com/yourusername/snap-code-plugin
cd snap-code-plugin
npm install
npm run compile

在发展中奔跑

1. 在VS Code中打开项目
2. 按 F5 启动扩展开发主机
3. 在新窗口中测试扩展

项目结构

├── src/
│   ├── extension.ts         # Main extension entry point
│   ├── mcpManager.ts        # MCP server management
│   ├── chatParticipant.ts   # GitHub Copilot Chat integration
│   ├── commands.ts          # VS Code commands
│   └── test/                # Test files
├── media/                   # Icons and assets
├── package.json             # Extension manifest
└── README.md

发布说明

0.0.1

初始版本：

• Azure DevOps和Figma的MCP服务器管理
• GitHub Copilot Chat与@mcp参与者的集成
• 凭据配置UI
• 状态栏集成
• 启动时自动连接

📚 文档

有关详细文档，请参阅 documentation 文件夹：

• 快速参考 -快速命令参考和提示
• 使用指南 -详细的使用说明
• 如何使用 -分步指南
• 测试指导 -如何测试扩展
• 项目概要 -项目概况和架构
• 实现细节 -完整的实施细节
• 最近修复 -最新修复和改进
• VS代码快速入门 -VS代码扩展开发指南

许可证

麻省理工学院

鸣谢

• 内置于 模型上下文协议SDK
• 用途 VS代码扩展API
• 与集成

______________________________________________________________________

享受使用MCP管理器！ 🚀