全程使用字节的大模型应用工具豆包+Trae,仅用两个晚上调试,就开发出了一款时间管理微信小程序。接下来就和大家分享完整实现过程,全程纯prompt手撕,未借助其他skill~
工欲善其事,必先利其器,本次开发仅需准备两款工具:
网页版豆包:https://www.doubao.com/
Trae(需下载安装):https://www.trae.cn/
很多人会问,为什么选择Trae而非Claude?
Claude Code的核心优势是作为“编程代理”,能完成“思考 → 执行 → 观察结果 → 修正”的完整循环直至任务完成,但Trae直接将这一核心功能集成在内,以IDE的形式呈现,操作更直观,还能免去大量安装配置的繁琐步骤,对Vibe Coding来说适配性更高。
第一步直接向豆包提问如何开发一个微信小程序,根据豆包给出的步骤,依次完成微信开发者工具的下载、微信公众平台新小程序的申请,为后续开发做好基础准备。

初期并未确定具体功能,脑海中只浮现出One Important thing这本书的理念,于是将这一思路告诉大模型,让其基于该理念进行设计。
最终围绕这一核心,确定了小程序的两个核心功能:时间管理、任务优先级设置。
时间管理类小程序的名称同质化严重,申请时极易撞车,这一问题依旧交给豆包解决。


从豆包给出的名称中选定“优先级时间管家”,再让豆包基于该主题和小程序系统要求生成头像。默认生成的4个头像均未达到预期,再次生成后,确定使用最后一个头像。

所有前期准备就绪后,在微信公众平台申请AppID,随后在微信开发者工具中构建小程序基础框架。
确定核心功能后,正式开启Vibe Coding:
将功能要求告知大模型,大模型会先完成整体构思并生成完整设计方案,包含功能模块设计、页面结构、用户流程示例、数据存储方案,待确认方案可行后,才会开始代码生成。

开启Trae的“实时跟踪模式”,能清晰看到代码的动态生成过程,仅20分钟,大模型就完成了2600行代码的编写与修改。
复盘AI的编码过程,能发现其逻辑十分清晰:
- 1. 先像产品经理一样构思项目方案,明确功能模块;
- 2. 编写代码前,按顺序梳理并确定需要调整的事项;
- 3. 代码编写完成后,自动进行测试和自我问题修复。
将生成的代码导入微信开发者工具,打开项目进行测试,首次交互生成的所有页面,视觉效果十分美观。
这一步是整个开发过程中耗时最长、工作量最大的部分,核心就是“发现问题—交给AI解决”。
基础的技术问题,如包尺寸太大、编译错误等,直接将问题原文复制给Trae,AI就能针对性修复,我只需要做“问题的搬运工”。

除了这类系统性问题,还需要人工逐一点击小程序按钮,验证各项功能是否符合预期。部分功能多次让大模型修复仍未实现,甚至和大模型“掰头”到凌晨3点,最终还是因精力有限暂时搁置。
经历过多次调试后,决定重新梳理需求,给大模型发送了本次开发中最长的一条prompt,核心原则是功能精简,原因有二:
- 1. 大模型处理复杂问题的能力有限,功能过多会大幅提升交付结果的错误率;
- 2. 时间管理类应用的核心是“高效记录”,从个人使用经验来看,无需复杂功能,简化操作才是关键。
本次开发仅保留核心功能,测试项大幅减少,功能很快就全部调通,不符合要求的功能直接删除即可。
本以为能顺利收尾,却没想到在豆包 大模型 教程“删除”按钮的样式调整上卡了很久,大模型能理解调整需求,但始终无法给出符合预期的效果,一度让人崩溃。

最后试探性地向大模型补充了调整细节,终于解决了所有问题,一个完整可用的轻量版时间管理小程序就此诞生!

目前这款“优先级时间管家”小程序已提交审核,静待上线~

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/271957.html原文链接:https://javaforall.net
