💡 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 自动生成的,恐怖如斯!!!
🤷♀️ 甚至连发布APK的相关配置都可以交给它:
4. 小结
体验一番下来,Trae 确实牛逼,目前唯一的缺点就是 要排队🤣,免费嘛,可以理解,希望以后开通付费会好一些,总体来说还是非常好用的 👍。最后,🤡浅浅谈下我对AI编程的一点看法:
AI工具 主要依赖已有的数据和模式,在 代码生成、自动调试、维护开发文档 等方面表现出色,可以利用它来处理 重复性工作,提高工作效率,以便腾出更多时间专注于 设计系统架构、解决复杂问题。我们的核心竞争力在于:创造性思维、对业务的理解 和 解决问题的能力,无所不知的AI还可以充当我们的 老师,帮助我们快速学习 新知识,扩展自己的能力边界,培养跨领域的思维能力。拥抱AI,而是与它对抗~
APP仓库:coder-pig/precious_life,感兴趣可以Star下,后续会坚持不断迭代,毕竟自用~