用 Trae 三天开发效率APP-惜命

💡 Tips：🤣 不是用Trae三天就完成了APP的开发，而是用它写了三天的APP ❗️❗️❗️

1. 为什么要做这个APP？

😶 今年伊始，就给自己定了一个【断网计划 】→ 戒掉：游戏 (主要是Timi)、没营养的种 🐎 小说和漫画 、无意识的刷短视频 和 无意义的闲聊消遣 ，把时间花在：读书思考 、培养兴趣爱好 (如乐器、锻炼) 及 亲子陪伴 上。😐 婚后 ，属于自己的时间越来越少，娃出生 后到达了一个峰值，【套牢 】一词很好地描述了当下的【窘境 】，【时间和精力 】 都不再【自由】。

😑 工作日下班回家，吃完饭，陪娃玩下，讲绘本，哄睡，收拾玩具，搞搞卫生，洗个澡，躺床上，基本都是十一点多了。🤷‍♀️ 周末想睡个懒觉都不行，大孝子七点就来摇我起床，锁门不给进，能哭到老父亲头皮发麻， 然后还得带户外放 🔋，整得比上班还要累 💀。

😭 真怀念以前读书时，魔兽RPG 一打就是一下午，无忧无虑的时光啊！唉，开弓没有回头箭，只能适应当下，见一步走一步了。稀缺性 决定 价值 ，因为稀少所以宝贵，如何分配好这点 仅剩不多的时间 显得尤为重要。

💁‍♂️ 读过好些 自我成长 的书，用其中提到的 "注意力 " 一词来代替 时间 感觉非常贴切，毕竟只有 保持专注的时间 才能产生价值。周遭的一切，都在想方设法抢夺我们 宝贵的注意力 ，特别是在这个 流量为王 的信息化时代，谁能收割用户的注意力，谁就能赚更多的钱。

🙂 平台通过 大数据+算法 以 "个性化推荐 " 的名义进行 同质化内容 推送，形成一个个 "信息茧房 "，爱看萌宠的天天给你推猫猫狗狗，喜欢追星的满屏都是八卦热搜。这使得我们的 信息来源 逐渐变得 单一化 ，被动接受 代替了 主动选择 ，少了 思考 ，多了 短暂的愉悦。

🤷‍♀️ 当然，浪费时间只是其次，更重要的是这种长期的 过度刺激 ，会让我们的大脑🧠的奖励系统 超载 ，神经元对多巴胺刺激逐渐 脱敏 ，越来越难以获得真正的愉悦感，患上所谓的【快感缺乏症 】，难以从普通生活中获得满足。具体表现为：明明有很多东西要做，但是就是什么不想做，只想躺着刷手机 🤡。

🤮 我们【被迫 】关注了太多【与我们无关/不能给我们来带价值 】的【噪声】而不自知，如：

• 自媒体刷屏的 "XX明星塌方"、"XX冲突的趋势及影响"、"XX 干 XX了" ...
• 关注的公号隔阵子就来一篇 标题焦虑拉满的广告文 来骗点击，拉到最后全是卖课 ...
• 有些APP，花里胡哨，想看个 简单信息，得点好几步，各种Loading，冷不防再给你搞几个恶心弹窗...

🙂 静下来心来问问自己：这些东西跟我这个月入1800的打工人有关系吗 ❓

🙋【个人主动订制信息源 】是破除 "信息茧房 " 和 "避免注意力浪费 " 的【良策 】！另外，🤡 在践行 自我成长 类书籍提到的一些方法时，发现并没有比较适用的工具 (也可能是我没找到)。如何保持长久、持续、稳定的努力 ，其中一个很重要的点就是：目标可视化 。很多事情我们之所以坚持不下去，其实是因为看不到 自己的进步，就像减肥，短期内根本看不到结果，甚至不知道要坚持多久，没有一个进度条，我们就很容易在迷茫中选择放弃。

😀 以上就是我想实现 惜命 (Precious Life，珍惜生命) 这款APP的原因，把时间花到值得做的事情上，然后成为更好的自己 。主要功能有三：支持主动订制信息源 (AI预读过滤无意义信息 & 精读)、Todo Plus 、实用小工具 (如 POE、字幕提取等)。

2. Trae 速通

😶 AI编程辅助工具中，Cursor 被吹得神乎其神，之前就想体验了，但因 Github Copilot 年付还没到期，用得还算顺手，就懒得折腾了。😳 前些天刷到 稀土掘金AI FOR CODE创意征集大赛，提供两个赛道「创意征集」和「应用实现」，应用赛道 用 Trae 开发一个作品就能参赛。😏 那就趁机体验下这个号称 对标Cursor 的国内首个 AI IDE 有多🐂🍺，顺带看下能不能蹭个掘金礼品周边~

😂 活动知道得有点晚了，距离作品提交没几天了，就先实现一个比较基础的【信息源订阅】吧，最小化可行产品原则，先做个能用的东西，再慢慢迭代优化。关于 Trae 的详细使用，可以翻下这本掘金小册《Trae 从入门到实践：AI 编码的妙笔生花》。智能补全 和 Chat 就不用说了，AI编程辅助工具基操，它的亮点是 Builder：

支持在编码的任意阶段介入，并从0到1生成某个可用的完整功能，由多轮AI会话组成，在每一段内容完成后，会进行下一次AI的深度思考。

🤔 就是你给它一个任务，它会 自动拆解成多个小任务 ，一步步完成，中途可能会修改文件，然后让你 审查是否采用 ，或者让你 执行某些命令 (你只需要点一下)。关于它的一点使用心得：

• 非常适用于 初步的UI搭建 ：生成需求初稿后，不断提供 交互图 (如运行截图) 来针对性调整，截图 截取需要强化的部分元素 比完整图片效果更佳。不好描述的细节点，还可以用 画笔进行红框标注 ，然后加上 标注数字，可以帮助 Builder 更好地确认需要调整的区域。
• 改BUG：如果修复的不顺利，可以考虑提供更多的信息，比如错误栈截图、语境又或是人工的初步错误归因来缩小修复范围。
• 善用文档 ：描述清楚自己的需求很重要 ！！！AI 想很多，有时可能会超出我们的需求，做一些无用功或者负向操作，可以通过 文档 的形式 提供上下文 ，对其进行 约束 ，减少 "幻觉"。如：请你先阅读readme文档，理解我的需求，再执行XXX。另外，AI上下文有限 ，每次给AI的任务不要 太大太多，任务拆分得越小，实现越准确。
• 😑 Claude-3.7-Sonnet 代码生成效果最好，但排队要命，编码1小时，排队59分钟🤣，Claude-3.5-Sonnet 偶尔也要排，DeepSeek R1 不用排，效果凑合，💁‍♂️ 不想等的土豪可以自定义模型~
• 🤏 可以不会写代码，但有 编程思维 会 事半功倍 ，特别是 纠错 和 深度定制开发 (不只是写个玩具🤣)，但 AI 生成代码，会给我一种 不确定感 (心里不踏实) ，跟它说干嘛，它实现了，但不太符合我的需求，通过 提示词 不断微调，直到达到我的预期。😳 我不知道它具体写了什么代码，但它确确实实跑起来了，它会不会存在什么BUG？以前虽然是 CV ，但起码自己有过一遍，整个项目的架构我是心里有底的，出问题，我能快速排查定位修复。现在呢？复制错误信息，写 prompts 让它帮我纠错，反复运行验证直到问题解决。🤡 我好像有点多余...

Tips ：😄 有编程经验的，刚开始搭建项目，在readme里粘贴一个目录树结构，用到的库，然后用 Builder 生成非常舒服~

3. 具体实践

3.1. 理想很丰满，现实很骨感

😄 光看教程可不行，实践出真知，我一开始是打算用它来实现 三端 的 (逼格拉满)：

• APP端：Flutter 实现，客户可以定制 RSS 源，AI 过滤 + AI 助读。
• 后端：存储用户的RSS订阅源，提供API接口
• 前端：后台管理系统，实现一个简陋注册登录，处理RSS订阅源的增删，用户管理。

😁 切换到 Builder 模式，输入下述prompt，看下 Trae 能给我折腾到什么程度：

我想开发一个中文名叫"惜命"、英文名叫"Precious Life" 的App，项目结构由三个部分组成：

1. App (采用Flutter实现，先生成一个最简单的可运行Demo)
2. 后端(Python+Flask+mysql，使用anconda虚拟环境)
3. 前端后台管理页面 (采用Next.js实现，先实现一个简单的登录跳转功能)

在搭建完项目的基本框架后，创建并维护下述几个文档：

1. 在根目录的doc目录维护一个readme文档，用来记录项目情况、目录树结构、技术选型、启动命令等
2. 在根目录的doc目录维护一个开发进度文档，用来记录开发的进度
3. 在根目录的doc目录维护一个api文档，用来记录前后端交互的api
4. 在根目录的doc目录维护一个数据字典文档，用来记录数据字典

回车，然后就开始漫长的排队等待 🤣

等排到我们，它会自动开始干活，挂一边等它跑，有弹窗就点一下 (如安装插件、执行命令)：

然后审查改动的文件，是否接受改动：

中途如果断开或长时间没反应，暂停，回复 "继续完成构建"，会继续干完没干的活，报错的话都丢给AI修复：

🤷‍♀️ 折腾了一早上，终于把 前后端服务 跑起来了，点击预览后会进入登录页：

然后又让它生成了一个注册页：

然后点击立即注册报错，修复了N次还是不行，加上下午人多，排队排到人都麻了 ，等半天还来个 响应失败：

🐶 这谁顶得住啊！白嫖人多，我掏钱自定义一个模型体验会更好吧，用的硅基流动，新注册送14块，先试了下 V3(便宜点)，明明指定了文件夹，上来就要给我在根目录拉💩，令人害怕，吓得我赶紧暂停 ❗️❗️❗️

换回了 R1：

🐶 结果比 Trae 自带的 DS R1 还要慢 ...

🤷‍♀️ 无奈，暂且放弃三端计划，老老实实先用 Flutter 先写个 APP ，用 自带DS R1 打辅助~

3.2. 实现基本的RSS功能

Builder 模式，写 prompts 生成下项目：

项目生成结果如下，然后就是各种让 AI纠错 ，最终运行到设备上 (就默认的计数器Demo)，接着 言出法随，让AI按照我的设想干活：

Trae一顿捣鼓后的UI效果：

🐂🍺，一行代码没写，就实现了我想要的简单效果，接着让它捣鼓解析RSS的相关逻辑，过程比较长就略过了。

💡 Tips：直接把RSS返回的XML丢给AI，然后让它写XPath帮我们提取想要的数据，太舒服了...

成功拿到RSS数据后，再接着让它给我们写UI。截图了iphone负一屏某个小组件，然后 画框框+数字标注，让它实现一个这样的页面效果，并按我要求进行调整：

代码生成后，运行看看效果：

跟我的预期有些差距，画框+标注，写提示词，回车，然后排队🐶：

运行效果：

牛逼两个字都已经要抠烂了！接着让它写下点击弹窗的交互：

然后输入各种提示词微调，最终的效果：

无敌，我自己写的代码不超百行，其它全是 Trae 自动生成的，恐怖如斯！！！

4. 小结

体验一番下来，Trae 确实牛逼，目前唯一的缺点就是 要排队🤣，免费嘛，可以理解，希望以后开通付费会好一些，总体来说还是非常好用的 👍。最后，🤡浅浅谈下我对AI编程的一点看法：

AI工具 主要依赖已有的数据和模式，在 代码生成、自动调试、维护开发文档 等方面表现出色，可以利用它来处理 重复性工作 ，提高工作效率，以便腾出更多时间专注于 设计系统架构、解决复杂问题。我们的核心竞争力在于：创造性思维 、对业务的理解 和 解决问题的能力 ，无所不知的AI还可以充当我们的 老师 ，帮助我们快速学习 新知识，扩展自己的能力边界，培养跨领域的思维能力。拥抱AI，而是与它对抗~

APP仓库 ：coder-pig/precious_life，感兴趣可以Star下，后续会坚持不断迭代，毕竟自用~