大家好,我是不如摸鱼去,欢迎来到我的 AI 编程分享专栏。
一个月前我发布的一篇文章【老乡鸡也开源?我用 Trae SOLO 做了个像老乡鸡那样做饭小程序!】,记录了作为一名爱做饭的程序员的我,使用 TRAE SOLO 快速构建了一个像老乡鸡那样做饭小程序的过程,应朋友们的要求,趁着 TRAE SOLO 正式发布,用它把这个小程序开源了。
TRAE SOLO 正式版
11 月 12 日 TRAE SOLO 正式版上线了,新增三栏布局、DiffView 工具、SOLO Coder + Plan,支持多任务并行等功能,并上线了免费体验活动,人人都可以用 SOLO 了。
我可是 TRAE SOLO 老用户了,SOLO 模式(Beta 版)上线的时候我就拿到了 SOLO CODE,并且使用它完成了「复刻童年坦克大战」、「像老乡鸡那样做饭小程序」等实践,并且在实际工作中使用 TRAE 参与了很多任务的开发。如今正式版发布,自然不能错过。

像老乡鸡那样做饭
一切都源自于老乡鸡发布的《老乡鸡菜品溯源报告》,CookLikeHOC是一个拥有 22k 星星的 GitHub 仓库,它收录了《老乡鸡菜品溯源报告》中公布的所有菜品。
技术栈
我们延续上篇文章选择好的技术栈,这样 AI 可以在我们规划好的路线上进行开发,可以达到事半功倍的效果。
前端技术栈
因为我本身就是一个前端程序员,所以前端技术栈比较熟,直接选择常用的技术栈:
- 小程序的开发框架: uni-app
- 开发模板项目: wot-starter 地址: starter.wot-ui.cn/
- 组件库: wot-ui 地址: wot-ui.cn/
后端技术栈
服务端仍然选择 TRAE SOLO 集成的 Supabase 作为我们的云端服务。
开始SOLO
我们之前已经搭建好小程序的基础页面了,现在可以开始优化部分功能整理开发阶段的 SQL 和脚本以便将小程序开源了。
优化 UI 样式
这里我们全程使用 SOLO Coder 模式,因为它更适合解决复杂编程问题。
更新首页分类展示,支持展示全部分类。

可以使用 DiffView 功能查看更新内容

更新后效果如下,使用 swiper 展示分类,支持左右滑动切换展示:

同时我使用 即梦AI 给不同分类生成了个可爱的图标,非常简单的提示词。

优化数据取值
打开 TRAE SOLO 模式,可以在这里找到"集成"功能 
需要注意的是,我们在使用"集成"功能时,最好切换到 SOLO Builder 模式,因为在这个模式下才有"集成"功能,下图是 SOLO Coder 和 SOLO Builder 的区别:

进入"集成"功能,选择连接我们的 supbase。

优化首页展示每日推荐菜谱的逻辑,每天随机从每个分类中查询 2 道菜展示。


优化菜谱详情页面相关推荐的逻辑,当前菜谱的相同分类中随机推荐五道菜。

整理脚本并开源
由于这个改动涉及文件多,改动大,所以这里我们要在 SOLO Coder 下开启 plan 模式,让 TRAE 提前给出计划,我们确认后再由 TRAE 进行开发。


我们仔细看一下 SOLO Coder 的方案,没有问题就让它开始执行。

SOLO Coder 执行完毕后,我们点击查看变更,使用 DiffView 功能检查变更文件,判断 SOLO 执行是否正确。

需要注意的是,如果你的操作需要操作数据库,可以切换到 SOLO Builder 模式,让它协助操作,建表、执行SQL、获取 supbase 配置,它都可以胜任。
配置CI/CD
我们使用 uni-mini-ci 完成本小程序的 CI/CD持续集成,小程序一键部署不再是梦,这里就不贴完整的 GitHub Action 代码了,大家可以小程序的 GitHub 仓库中看。


将 GitHub Action 配置文件推送到 GitHub 上,就可以按照下图操作进行手动发版,当然也可以通过打 tag 触发发版,发版执行会将代码推送到微信小程序后台。

我们可以在微信小程序后台看到对应的开发版本:

完整效果



也可以自行搜索「鱼哥菜谱」进行体验
TRAE SOLO 正式版体验
TRAE SOLO 正式版新增了 Plan 模式和 SOLO Coder 等,对编程体验的提升很大,减少了很多 AI 介入后的善后工作。不过失去 Claude 仍对其能力造成了不小的影响,期待后续可以在 SOLO 模式集成强大的 Gemini 3 和优秀的国产模型 GLM 等,IDE 与模型 2 者是相辅相成的。
总结
我们几乎零代码 用 Trae SOLO 完成了「像老乡鸡那样做饭」小程序的开源与 CI/CD 流程,过程中保持数据干净、纯净上下文、增量式沟通等三个原则仍然是使我们事半功倍的利器,这其实和当下很流行的 SDD 规范相符,在这种小型项目中,基于一个优秀的项目模板和良好的需求输入和开发计划,由规范驱动开发,能让项目做的更好、走得更远。
好了,实现这个小程序后,大家也可以像老乡鸡那样做饭了!
参考资料
- 小程序:「鱼哥菜谱」
- 开源地址:github.com/Moonofweish...
- CookLikeHOC:github.com/Gar-b-age/C...
- 项目模板:starter.wot-ui.cn/
欢迎评论区沟通、讨论👇👇