用AI做一个记账小程序，从零开始，不用学代码
每个月钱花到哪去了？不知道。这是大多数人的状态。
市面上的记账App一大堆，但不是广告多就是功能太复杂。今天教你用AI做一个自己的记账小程序——界面干净、功能简单、只记你想记的。
为什么做小程序而不是App？
我们要做什么功能？
这个记账小程序包含：
功能不多，但够用了。先跑起来，后面想加功能随时加。
准备工作
1. 注册小程序账号
去[微信公众平台](https://mp.weixin.qq.com/)注册一个小程序账号。选"个人"类型就行，免费的。
注册完你会拿到一个 AppID，记下来，后面要用。
2. 安装微信开发者工具
去[微信开发者工具下载页面](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)下载安装。
3. 准备Claude Code
确保你的电脑装好了Claude Code。打开终端输入 claude 确认能用。
开始做！
第一步：创建项目
mkdir my-expense-tracker
cd my-expense-tracker
claude
跟Claude Code说：
帮我创建一个微信小程序项目，是一个记账本。要求：项目结构按微信小程序标准来。
功能：
首页tab：显示今日花销总额、本月花销总额、今天的花销列表
记一笔tab：选分类（餐饮🍔、交通🚗、购物🛒、娱乐🎮、日用🏠、其他📦），输入金额，可选备注，点击保存
统计tab：显示本月各分类的饼图统计，以及每日花销柱状图 数据用wx.setStorageSync存在本地。
界面风格：简洁清新，主色调用浅蓝色，卡片式布局，圆角设计。
请生成完整的项目文件。
Claude Code会帮你生成一堆文件：
my-expense-tracker/
├── app.js # 小程序入口
├── app.json # 全局配置
├── app.wxss # 全局样式
├── pages/
│ ├── index/ # 首页
│ ├── add/ # 记一笔
│ └── stats/ # 统计
└── utils/
└── storage.js # 数据存储工具
第二步：导入到微信开发者工具
my-expense-tracker 文件夹如果一切正常，你就能在模拟器里看到你的记账小程序了！
第三步：调整界面
看着预览效果，不满意的地方继续跟Claude Code说：
分类图标不好看？
把分类选择改成圆形图标按钮，每个分类用不同的背景色，选中的时候有个高亮边框效果
想加个快捷记账？
在首页顶部加一个快捷记账区域，显示3个常用分类按钮（餐饮、交通、日用），点击直接弹出金额输入框，不用跳转到记一笔页面
金额输入不方便？
金额输入用自定义的数字键盘，像支付宝付款那种，底部弹出来的数字键盘
第四步：美化统计页面
统计页面是这个小程序的亮点。跟Claude Code说：
统计页面优化一下：
顶部显示本月总支出，大字加粗
中间是饼图，用wx-canvas画，每个分类不同颜色，点击扇形显示具体金额
下面是分类排行，从高到低排列，显示金额和占比百分比
加一个月份切换，可以看上个月的统计
第五步：加一些贴心功能
每日提醒记账：
加一个提醒功能，用户可以设置每天晚上9点提醒记账，用微信小程序的订阅消息
预算设置：
加一个月预算设置功能，在首页显示本月已花/预算的进度条，超过80%变成橙色，超过100%变成红色
一键导出：
加一个导出功能，把本月的记账数据生成一个好看的图片，可以保存到相册分享
几个容易踩的坑
坑1：数据存储有上限
微信本地存储上限是10MB。一般记账数据不会超，但如果你用了一两年数据量大了，可以考虑只保留最近6个月的详细数据。
跟Claude Code说：加一个数据清理功能，自动把6个月前的明细数据汇总成月度统计，释放存储空间
坑2：小程序审核被拒
个人小程序不能涉及金融类目。你的记账小程序只是记录，不涉及支付和理财，一般不会被拒。但简介里别写"理财"、"投资"之类的词。
坑3：图表库的问题
微信小程序用canvas画图有点折腾。如果Claude Code生成的图表有问题，可以说：
图表显示不出来，换用echarts-for-weixin这个库来画饼图和柱状图
发布上线
发布之后，你在微信里搜你的小程序名字就能找到了！
进阶想法
做完基础版之后，还可以继续折腾：
这些功能用Claude Code或者OpenClaw都能做，等你把基础版玩熟了，随时可以升级。
总结
一个实用的记账小程序，从零到上线就这么几步：
总共花不到一下午。以后你的每笔开销都清清楚楚，再也不用月底看着空空的钱包发呆了。