TRAE SOLO 正式发布了?我用它将像老乡鸡那样做饭小程序开源了!

大家好,我是不如摸鱼去,欢迎来到我的 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 可以在我们规划好的路线上进行开发,可以达到事半功倍的效果。

前端技术栈

因为我本身就是一个前端程序员,所以前端技术栈比较熟,直接选择常用的技术栈:

后端技术栈

服务端仍然选择 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 规范相符,在这种小型项目中,基于一个优秀的项目模板和良好的需求输入和开发计划,由规范驱动开发,能让项目做的更好、走得更远。

好了,实现这个小程序后,大家也可以像老乡鸡那样做饭了!

参考资料

欢迎评论区沟通、讨论👇👇

相关推荐
恋猫de小郭5 小时前
Flutter Zero 是什么?它的出现有什么意义?为什么你需要了解下?
android·前端·flutter
崔庆才丨静觅12 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby606112 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了13 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅13 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅13 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅13 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment13 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅14 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊14 小时前
jwt介绍
前端