V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
llej
V2EX  ›  程序员

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

  •  
  •   llej · 7 小时 28 分钟前 · 287 次点击

    向大家推荐一个我做的 Vite 插件 —— vite-plugin-pilot

    image

    效果基本可以媲美 Chrome DevTools MCP ,用来开发一些运行在稀奇古怪环境(比如你在开发浏览器插件、嵌入式 Webview 、某个定制化的客户端)的前端程序的时候非常好用,即便是开发正常前端程序也能达到和 chrome devtools mcp 差不多的效果

    这个的作用很简单,就是让 agent 能够在前端使用 eval 执行 js ,这样他就能自己检查自己写的前端程序有没有什么 bug 之类的了

    image

    还可以用于探索一些稀奇古怪环境的运行时下怎么实现一些功能,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 而言他会能非常顺手的来使用这个工具

    事实上在我工作中的真实场景,他确实能够很好的工作在开发插件场景下,能够自行实现功能并测试直到正确完成

    于是便创建了一个单独的项目发布出来,希望能够帮助到各位前端开发者❤️

    目前尚无回复
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   3005 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 78ms · UTC 13:43 · PVG 21:43 · LAX 06:43 · JFK 09:43
    ♥ Do have faith in what you're doing.