搓了个 Vite 插件,让 Agent 能自己 debug 前端代码

查看 8|回复 0
作者:llej   
向大家推荐一个我做的 Vite 插件 —— vite-plugin-pilot

效果基本可以媲美 Chrome DevTools MCP ,用来开发一些运行在稀奇古怪环境(比如你在开发浏览器插件、嵌入式 Webview 、某个定制化的客户端)的前端程序的时候非常好用,即便是开发正常前端程序也能达到和 chrome devtools mcp 差不多的效果
这个的作用很简单,就是让 agent 能够在前端使用 eval 执行 js ,这样他就能自己检查自己写的前端程序有没有什么 bug 之类的了

还可以用于探索一些稀奇古怪环境的运行时下怎么实现一些功能,agent 同样是有自己探索的能力的,但是这些运行时是没法运行 chrome devtools mcp 这些工具
这个项目本身是我使用 glm5-turbo + cc 迭代出来的,一开始是一个项目中的 vite-plugin.ts 文件,结果发现就这么简单的提供给 agent 在页面执行 js 的能力就能让他的开发 测试和 debug 能力得到大幅的提升
想和大家分享的一个有意思的点是在这个迭代过程中本身也是用到了 vite-plugin-pilot 项目中有一个 playground ,我只要提供思路 glm5-turbo 就能自己利用 vite-plugin-pilot 在 playground 中测试使用他的顺手度并完善,由于这个插件完全是由 agent 使用这个插件自身迭代出来的,所以我相信对于 agent 而言他会能非常顺手的来使用这个工具
事实上在我工作中的真实场景,他确实能够很好的工作在开发插件场景下,能够自行实现功能并测试直到正确完成
于是便创建了一个单独的项目发布出来,希望能够帮助到各位前端开发者❤️
您需要登录后才可以回帖 登录 | 立即注册

返回顶部