三效合一的实时开发方案
xmcp通过热重载技术+完善日志体系+可视化调试实现开发效率质的飞跃:
- 热重载核心配置:运行
npm run dev
后,修改tools/
内任何文件都会触发:- 自动类型检查(TypeScript编译)
- 服务端即时重启(保持HTTP连接)
- 客户端WS推送更新(Next.js项目适用)
- 增强调试手段:
- 终端输出完整的请求/响应日志(含执行时间戳)
- 通过
console.log()
输出会同时在浏览器控制台和服务端终端显示 - 访问
/_xmcp-debug
可查看注册工具列表和状态(开发模式专属)
建议组合使用VS Code的调试器+Chrome DevTools实现断点调试,形成完整调试闭环。
本答案来源于文章《xmcp:构建和发布MCP应用的TypeScript框架》