一、摘要
每个人都有自己的小金库但是市面上的记账APP、数据存在云端不安全,我作为完全零基础的前端小白,使用TRAE SOLO开发了一款纯前端离线记账网页。项目实现了本地存储、存钱目标、截图识别三大核心功能,所有代码和资源都集成在一个HTML文件中,支持离线使用、方便分享传播,整个开发周期仅用一周时间。
二、背景
定个小目标激励自己,但使用各类记账APP时一直有困扰:一是广告多,影响使用体验;二是数据上传到云端,担心隐私泄露;三是功能冗余复杂,很多用不上的功能反而增加操作成本。我希望能拥有一个只属于自己、简单安全、纯本地运行的记账工具,于是选择用TRAE SOLO来完成这个项目。
三、实践过程
1. 我先使用 /plan 指令,让SOLO帮我规划项目的功能和界面设计,明确提出需要本地存储、存钱目标、截图识别功能,并且所有内容要放在一个HTML文件里。
2. 让SOLO直接生成完整代码,我只需要灌输思路,全程不用手写任何一行代码。
3. 刚开始上手时比较困难,遇到报错需要反复和SOLO说明问题,才能得到正确修改,有的时候会觉得它在玩我,明明是一样的问题一直说修复了但是运行还是有bug。
4. 长时间退出再重新进入,SOLO会丢失上下文记忆,需要重新梳理需求、重新调用技能。
5. /plan 功能有时我还没查看确认,它就自动同意并执行,不太符合我的使用习惯。
6. 截图识别是整个项目里最难的部分,反复调试了很久,才能达到勉强可用的识别效果。
整个项目从代码生成到问题调试,全部都是依靠SOLO完成,我只负责提出需求和测试使用。
四、成果展示
1. 单文件HTML结构,打开浏览器即可使用,无需联网、无需安装任何软件。
2. 支持收支记录、本地数据存储、存钱目标设置、账单截图识别。
3. 数据只保存在本地,不上传到任何服务器,隐私更安全。
4. 文件体积小,可直接发送分享,使用非常方便。
五、效果与总结
作为一名完全不懂前端、不会写代码的小白,我仅用一周时间,就依靠TRAE SOLO独立完成了离线记账网页的开发。
- 无广告、纯本地,数据安全有保障
- 单HTML文件,即用即开,方便分享
- 实现了本地存储、存钱目标、截图识别三大核心需求
- 没有SOLO,我个人完全无法完成这样的项目
这次开发经历让我真切感受到,AI编程工具对零基础新手非常友好,不仅帮我解决了实际的记账痛点,也让我体验到了从零到一做出实用工具的成就感,之前想都不敢想。








