关于我用 AI Coding 给小宝写了一个成长记录小程序的历程分享
全程 AI 开发，从 0 到上线只用了半个月(大部分时间浪费在小程序的审核流程上)
去年家里添了新成员，在喂养宝宝的过程中，之前一直用本子来记录宝宝吃喝拉撒，过于低效了, 然后发现市面上虽然有不少宝宝记录 App，但要么收费、要么广告多、要么数据不在自己手里。刚好 AI 时代到来了，作为一个前端开发者，我决定结合自己实际的现实需求利用AI写一个。
这个项目从设计到编码，90% 的代码是由 AI（Claude）完成的。我负责需求、架构决策、调试和部署，AI 负责落地实现。
项目简介
「臭宝喂养成长」 是一款面向宝宝成长全方位记录的小程序，已上线微信平台。核心功能：
- 🍼 喂养记录 — 母乳/奶瓶/配方奶/辅食，奶量和时长追踪
- 💩 排便记录 — 颜色/性状/量，健康预警
- 📏 成长记录 — 体重/身高/头围，WHO 生长曲线对比
- 😴 睡眠记录 — 小睡/夜间睡眠，质量评估
- 💉 疫苗接种 — 国家免疫规划时间表，预约/接种登记
- 🤖 AI 智能分析 — 周报生成 + 智能问答助手
小程序搜索 「臭宝喂养成长」 或者扫码即可体验。
技术栈
| 层级 | 技术选型 |
|---|---|
| 跨平台框架 | uni-app 3.0 (Vue 3 + Composition API) |
| 语言 | TypeScript |
| 构建工具 | Vite |
| 状态管理 | Pinia |
| 后端 | uniCloud (阿里云 serverless) |
| 数据库 | uniCloud 云数据库 (MongoDB) |
| 用户认证 | uni-id (微信一键登录) |
| AI 模型 | DeepSeek Chat |
| 图表 | 自研简易图表 + @qiun/ucharts |
页面功能截图
首页功能展示
记录喂奶, 排便, 成长, 以及根据历史数据推断下次喂奶和排便时间
AI 分析功能
哄睡功能(提供常见哄睡音频如白噪音, 摇篮曲, 模拟子宫声音)
邀请家人共管功能(多人可以共同记录宝宝成长)
记录图表分析,更加直观
一些实践心得
1. AI 辅助开发的体验
这是我第一次真正用 AI 写一个完整的项目，感受很深：
做得好的：
- AI 非常适合 CRUD 页面和标准化逻辑（store、API 封装等）
- 重构和优化建议非常实用
- 解释复杂概念（如 uniCloud 的 schema 权限）很清晰
需要人工把关的：
- 类型安全 — AI 经常用
any，需要手动补类型 - 架构一致性 — 需要人工确保各模块风格统一
- 调试 — AI 生成的代码不可能一次跑通，需要调试能力
2. 微信小程序的 AI 合规
如果要在小程序中集成 AI 功能，务必注意：
- 用户授权 — 首次进入 AI 功能需要弹窗确认
- 免责声明 — 每个 AI 页面底部固定展示"仅供参考"
- 用户协议 — 补充 AI 服务和数据处理条款
- Prompt 安全 — 必须限制模型生成不当内容
3. uni-app + uniCloud 的坑
- 本地运行必须用 HBuilderX — CLI 命令不支持 uniCloud 环境变量注入
- Schema 同步 — 数据表结构修改后必须手动上传到云端
- 开发体验 — 相比纯 Vue/Vite 项目，HBuilderX 的编辑器体验弱一些，但胜在一体化
总结
现阶段我认为 AI 可以完全完成一些简单的项目, 尤其是模块分离的项目, 针对性处理每一个小模块, AI 做的很棒! 未来随着 AI 不断的发展, 可以做的更多,而我们普通人能做的就是顺势而为, 了解它, 掌握它!
作为人的作用是什么呢? 是告诉AI方向是哪个方向, 审美, 适应于阶段性的技术框架选型(杀鸡不用牛刀), 还有一个就是不要立刻让 AI 去干活, 可以先跟他聊通, 就像我们人聊天一样, 让他真正懂你想做的是什么, 最后在开始, 做出来的东西会更加准确!
