前端的AI路其之四：MCP调试

前言

前面跟各位聊了什么是mcp、mcp tool方式的开发，大家应该也对mcp有一个了解了。作为一个前端，敲代码就干两件事，开发、调试。这一篇，我们就讲讲怎么调试MCP吧

前期准备

工具 MCP Inspector

环境 node >= 22

这里我们以前文 # 前端的AI路其之三：用MCP做一个日程助理的日历工具作为测试

启动

假设下图就是我们的项目目录。build/index5.js 是我们在前文实现的日程助理

接下来 我们在控制台运行命令

npx @modelcontextprotocol/inspector node build/index5.js

然后我们可以在控制台看到如下输出。 MCP Inspector 服务运行在端口 6274

我们访问地址 **localhost:6274** 就可以看到面板如下

注意：这时候服务只是启动了，并没有链接上我们的MCP。 这时候需要点击一下左侧的 Connect

这样就是连上了服务。同时我们的控制台也会有相关输出

我们点击 ListTools 就可以看到我们有哪些工具。 我们这里是依据之前文章的日程助理做测试，那么看到的就是日程助理这个工具函数

然后我们点击这个函数，在右侧就会展示出这个函数的参数信息

填写信息然后点击运行就可以调试。这里函数是能正常运行的，也就是说点了运行之后，就会在日历上添加这个日程

同时我们每一次运行后的结果也可以在History这里看到

结束

这就是MCP Inspector的一个基本调试。 本文只是略作了一个展示。如果有问题欢迎大家指正。祝好。