MCP Inspector VSCode Extension

基本能力

产品定位

MCP Inspector VSCode Extension 是一个专为 MCP（Model Control Protocol）服务器设计的可视化测试和调试工具。该扩展提供了一个用户友好的界面，帮助开发者更高效地测试、调试和监控 MCP 服务器的行为。

核心功能

• 可视化界面：通过直观的 WebView 界面显示 MCP 服务器的请求和响应
• 实时监控：实时监控 MCP 服务器的活动和状态
• 请求测试：提供构建和发送测试请求到 MCP 服务器的接口
• 响应分析：格式化并显示响应数据，便于分析和调试
• 服务器管理：内置服务器管理功能，可直接从 VSCode 启动和停止 MCP 服务器
• 自动端口分配：自动查找可用端口以避免端口冲突

适用场景

• MCP 服务器的开发和测试
• MCP 服务器的实时监控和调试
• MCP 服务器的请求和响应分析

工具列表

• MCP Inspector: Open MCP Inspector - 打开主界面
• MCP Inspector: Start MCP Inspector Server - 启动代理服务器
• MCP Inspector: Stop MCP Inspector Server - 停止代理服务器
• MCP Inspector: Clean NPM Cache and Dependencies - 在安装问题时清理 npm 缓存和依赖

常见问题解答

1. 如果服务器无法启动，尝试使用 "Clean NPM Cache and Dependencies" 命令
2. 检查 MCP Inspector 输出通道以获取详细的错误消息
3. 确保 Node.js 和 npm 已正确安装并可访问
4. 如果出现权限问题，尝试以管理员权限运行 VSCode

使用教程

使用依赖

• Visual Studio Code 1.97.0 或更高版本
• Node.js 和 npm（用于运行内置服务器）

安装教程

1. 从 VSCode 扩展市场安装，或
2. 下载 .vsix 文件并通过 VSCode 的 "Install from VSIX..." 选项安装，或
3. 克隆仓库并手动构建：

git clone https://github.com/kshern/mcp-inspector-vsocde.git
cd mcp-inspector-vsocde
npm install
npm run package

调试方式

1. 点击 VSCode 活动栏中的 MCP Inspector 图标以打开扩展
2. 点击 "Start MCP Inspector Server" 命令以启动服务器
3. 使用 WebView 界面构建并发送请求到 MCP 服务器
4. 分析响应结果和服务器行为
5. 完成后，点击 "Stop MCP Inspector Server" 命令以停止服务器

许可证

该项目遵循 MIT 开源许可条款，请参阅 MIT 了解完整条款。