mcp-server-chart vs DebugMCP
并排对比，帮你在这两个 MCP server 之间做选择。
mcp-server-chart by antvis | DebugMCP by microsoft | |
|---|---|---|
| Stars | ★ 4,068 | ★ 349 |
| 30天用量 | 10,239 | — |
| 综合分 | 84 | 53 |
| 官方 | — | — |
| 分类 | AI / LLM 工具开发者工具效率工具 | 开发者工具AI / LLM 工具效率工具 |
| 实现语言 | TypeScript | TypeScript |
| 最近提交 | 本月 | 本月 |
mcp-server-chart · 概述
使用 AntV 生成 26+ 种图表的 TypeScript MCP 服务器，支持多种图表类型和部署方式。
DebugMCP · 概述
DebugMCP 赋能 AI 代理在 VS Code 中进行代码调试，支持断点、单步执行和变量检查。
mcp-server-chart · 使用场景
- 数据分析师从数据集中创建可视化报告
- AI 助手根据用户请求生成自定义图表
- Web 应用通过 HTTP API 嵌入可视化功能
DebugMCP · 使用场景
- AI 代理通过设置断点和单步执行来自主调试代码
- 在运行时评估表达式和检查变量以诊断问题
- 在多种编程语言中启动和管理调试会话
mcp-server-chart · 安装
安装
全局安装：
npm install -g @antv/mcp-server-chart对于桌面应用（如 Claude Desktop、VSCode）：
{
"mcpServers": {
"mcp-server-chart": {
"command": "npx",
"args": ["-y", "@antv/mcp-server-chart"]
}
}
}Windows 系统：
{
"mcpServers": {
"mcp-server-chart": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
}
}
}DebugMCP · 安装
安装
**选项1：VS Code 市场**
- 访问：[https://marketplace.visualstudio.com/items?itemName=ozzafar.debugmcpextension](https://marketplace.visualstudio.com/items?itemName=ozzafar.debugmcpextension)
- 点击"安装"
**选项2：直接链接**
- 在浏览器中复制并粘贴：
vscode:extension/ozzafar.debugmcpextension
**选项3：在 VS Code 内安装**
- 打开 VS Code
- 进入扩展（Ctrl+Shift+X / Cmd+Shift+X）
- 搜索"DebugMCP"
- 点击安装
**手动 MCP 服务器注册** 添加到您的 AI 助手配置中：
{
"mcpServers": {
"debugmcp": {
"type": "http",
"url": "http://localhost:3001/mcp",
"description": "DebugMCP - AI 调试助手"
}
}
}