用AI做一个记账小程序，管好你的钱包

市面上的记账App要么广告多，要么功能太复杂。不如自己做一个，只保留你需要的功能。

我们要做什么？

一个简单的记账小程序：

第一步：跟AI说清楚需求

打开Claude Code，这样描述：

帮我做一个记账小程序（微信小程序），功能：
首页显示今日收支和本月总览

点"+"按钮添加新记录（金额、分类、备注）

分类有：餐饮、交通、购物、娱乐、工资、其他

历史记录页面，按日期分组

统计页面，显示本月各分类的饼图

数据用本地存储（wx.setStorageSync）

第二步：AI帮你生成代码结构

小程序的文件结构很简单：

pages/
  index/     → 首页（今日收支）
  add/       → 添加记录
  history/   → 历史记录
  stats/     → 统计图表

AI会帮你生成每个页面的wxml（模板）、wxss（样式）、js（逻辑）。

第三步：核心逻辑

AI会帮你处理最关键的部分——数据存储和统计：

// 保存一条记录
function addRecord(record) {
  const records = wx.getStorageSync('records') || [];
  records.push({
    ...record,
    id: Date.now(),
    date: new Date().toISOString()
  });
  wx.setStorageSync('records', records);
}
// 获取本月统计
function getMonthStats() {
  const records = wx.getStorageSync('records') || [];
  const thisMonth = records.filter(r => {
    return new Date(r.date).getMonth() === new Date().getMonth();
  });
  // AI会帮你写完整的统计逻辑
}

第四步：在微信开发者工具中测试

不想用微信小程序？

也可以让AI做成网页版PWA（Progressive Web App），加到手机桌面就像App一样用，不需要审核上架。

小结

记账小程序是学习AI编程的好项目——功能明确、界面简单、自己天天能用。做完这个，你就理解了"数据存储"和"界面交互"两个核心概念，后面做其他小程序就轻车熟路了。