缘由
最近ai发展比较快，我认为可以把陪伴型人工智能的开发列入日程了，但我的确不会前端。正在此时，vibe coding这个概念被炒得火热，于是我决定试一试。
准备工作
使用npx create-next-app为opencode提供了展示自己的舞台，大模型api使用的是deepseek。默认选项下，项目创建出来就带了CLAUDE.me和AGENTS.md，看来框架的开发者也是选择拥抱vibe coding的。
opencode的安装
在官网，我们可以找到安装脚本: curl -fsSL https://opencode.ai/install | bash 。如果你的网络足够好，直接运行即可，但脚本本身是要下载二进制文件，链接地址在github上，在我所处的区域，链接并不稳定，因此，我们可以手动下载到本地，再使用–binary参数，从本地安装。
特别提醒：基于alpine的系统，需要使用musl后缀的二进制文件。
体验流程
在项目路径下，运行opencode，先询问它是否了解自己要做什么，如果它回答正确，说明AGENTS.md已经被正确读取，告诉它开始工作即可。右侧会有todo列表，进度比较直观。
感受
我的任务要求比较简单，第一次运行就已经差不多了，查看前端地址确认，把有问题的地方描述给它，它会自动修复。
整体来讲，代码质量还不错，每一次修正后都能正常运行，不存在error级的报错。
一些坑
坑：opencode在运行npm run dev & 之后，无法继续任务。
建议：在AGENTS.md中禁止，用户手动运行。
坑：next+react默认是后端渲染，console.log的输出在终端，不在浏览器控制台。
建议：使用页面可见的计数器、变量等方式确认是否存在触发器bug。
坑：后端渲染与前端渲染不同，弹窗等组件需要从后端加载，cors错误会导致无法弹窗。
建议：对于不了解的技术栈，不要忽略任何一个报错，即使在以前（vue）它并不影响运行效果。