上周突然想做一个简单的记账小程序给自己用，于是试了一下全程Vibe Coding的方式，从零到提交审核真的只用了三天。记录一下全过程，给想做小程序的朋友一个参考。
为什么要自己做
市面上记账App一大堆，但我的需求很简单也很特别：我只想记每天的支出，不需要复杂的分类体系，不需要图表分析，不需要同步云端。就是一个极简的流水账，打开就能记，记完就走。现有的App要么功能太重要注册登录，要么广告太多，要么UI设计得像企业级财务系统。
所以我决定自己做一个。如果没有AI，我估计至少要一两周，毕竟微信小程序的框架我只是略懂，很多API都不熟。但有了AI辅助，整个体验完全不一样。
Day 1：需求描述 + AI生成框架
第一天主要做两件事：梳理需求和搭建项目框架。
我先用自然语言写了一个需求文档，大概五百字，描述了我想要的功能：首页显示今日支出和本月累计、点击加号按钮快速记一笔、每笔记录包含金额和备注两个字段、支持按日期查看历史记录、数据存在本地不上传。
然后把这个需求描述扔给AI，让它帮我生成微信小程序的项目结构和基础代码。AI很快就给出了完整的目录结构、页面配置、和核心页面的初始代码。
让我惊讶的是AI对微信小程序框架的掌握度很好。它正确地使用了app.json配置、Page的生命周期函数、wx.setStorageSync做本地存储，这些我可能要查好一会儿文档的东西它直接就写对了。
我在微信开发者工具里创建项目，把AI生成的代码复制进去，第一次编译就跑起来了。虽然很粗糙，但核心的记账和查看流程已经通了。
Day 2：核心功能开发 + 调试
第二天是最密集的开发阶段。我需要完善几个核心功能：
记账表单优化。 我想要一个像计算器一样的数字键盘直接输入金额，而不是用系统默认的输入框。这个需求描述清楚之后AI直接给我生成了一个自定义数字键盘组件，包括退格和小数点，体验跟原生App很接近。
数据存储和查询。 用wx.setStorageSync存储数据，但需要设计好数据结构方便按日期查询。我让AI帮我设计了以日期为Key的存储方案，查询某天的记录直接取对应Key就行，很简洁。
月度统计。 这个功能AI写的代码有个小Bug，计算本月累计时把上个月最后一天的数据也算进去了。原因是日期比较的逻辑写得有问题。我把错误描述给AI，它很快就修正了，改成了用年月字符串前缀匹配的方式。
Day2遇到的最大问题其实不是代码逻辑，而是微信小程序的一些特殊限制。比如自定义组件的样式隔离、数据绑定的写法差异，这些AI偶尔会写成Web端的语法，需要我手动纠正。不过好在报错信息很明确，贴给AI它就知道怎么改。
Day 3：UI美化 + 测试 + 提交审核
第三天的重点是让它看起来像一个正式的产品而不是Demo。
UI方面， 我给AI描述了我想要的风格：白色背景、圆角卡片、莫兰迪色系的分类标签、底部固定的记账按钮。AI生成的CSS基本到位，我只手动微调了一些间距和字号。
测试方面， 主要测了几个场景：连续快速记账会不会数据丢失、跨月数据统计是否正确、清除缓存后数据恢复情况。发现了两个小问题，都是边界条件处理不到位，描述给AI后很快修复了。
提交审核， 小程序审核需要准备的材料AI也帮我整理了：隐私政策说明、用户协议模板、应用描述和截图。不过这些文本内容我自己过了一遍做了修改，毕竟涉及到合规性的东西不能完全依赖AI。
提交之后第二天就通过审核了，目前自己用着很顺手。
用到的工具
- Claude：主力AI助手，负责代码生成和问题解答
- 微信开发者工具：官方IDE，调试和预览必备
- Cursor：部分代码在Cursor里写的，Composer多文件编辑很方便
几个经验总结
第一，需求描述越清晰AI的输出质量越高。不要说"做一个好看的记账页面"，要说"白色背景、卡片式布局、每条记录显示金额和备注、右滑删除"。
第二，微信小程序有很多平台特有的限制，AI偶尔会搞混Web和小程序的写法，这个你得有基本的辨别能力。不需要很精通，但至少要能看懂报错信息。
第三，不要期待AI一次性写出完美的代码。把开发过程当成跟AI对话的过程，你描述需求、它写代码、你测试反馈、它修改迭代，这个循环走三四次一个功能基本就完善了。
第四，UI和交互细节还是需要自己把关。AI生成的视觉效果只能说合格，要做到好用好看还是需要你的审美判断。
有没有朋友也用AI做过小程序的？三天上线是不是已经算快了？还是说你们有更快的经验？评论区分享一下呗。