乐于分享
好东西不私藏

老母亲AI手搓小程序给娃记身高体重,踩坑实录

老母亲AI手搓小程序给娃记身高体重,踩坑实录

"零基础3小时用AI vibe coding一个小程序"——真的吗?

先说结论:AI真的能做出东西来。但对零基础来说,根本不止3小时,而是8个3小时。

说起来,3月底准备动手用AI做个小程序,给娃记录身高体重的时候,我以为很快就能搞定。
看到那么多"零基础3小时vibe coding一个App"的帖子,心想:记录身高体重、显示生长曲线百分位、能导出数据,功能够简单吧?
结果,断断续续折腾了四五天,每天4-5个小时,才勉强做完。

一个老母亲的小需求

我们家娃打生长激素一年了,每次去检查都要记一下身高体重,因为频率不是太高,之前就随手记了发到自己的微信里。
然后,有点后悔,上一次测的数据在哪?翻聊天记录翻了半天。
我自己也每天记体重,专门下的一个app,功能很简单的那种。记了两年,最近想导出数据发现,没地方导。
有点无语。
那不如自己做一个?

什么是Vibe Coding?

vibe coding,直译就是"氛围编程"。简单说,就是用自然语言描述你想要什么,让AI来写代码

不需要懂Python、Java这些编程语言,也不需要知道什么是函数、什么是变量。你就用大白话说:"我想做一个记身高体重的app",AI就帮你把代码写出来。

听起来是不是超方便?这就是现在社交媒体上铺天盖地的"零基础AI编程"的底层逻辑。

问题是,真有那么简单吗?
我本人是产品经理,算半个业内,实际开头也没想象中那么简单。

得益于正在做的项目,我已经能够科学上网了,这对一个普通人来说其实也是个门槛。

第一天就踩坑

考虑功能比较简单,专门做个app有点浪费,所以选择了做微信小程序。

参考了组里开发给的建议,最终选了VS Code + Codex(免费账号,GPT-5.2版)。
我写了大概的页面、操作、功能需求,然后让AI按这个流程来——先输出PRD,确认页面结构和数据设计,再生成原型和品牌图,最后才是实现小程序工程。
AI输出的PRD、页面结构、数据设计都还挺像回事的。页面设计也出来了,虽然丑了点,但能看到个样子。
运行的时候,要安装nodejs,然后问题来了。
用命令行直接装nodejs,卡三小时一直没成功,最后只好老老实实官网下载安装包安装。
接着因为是微信小程序,还需要微信开发者工具,完全没接触过,好多操作该怎么做,按钮在哪里,全都靠AI指导。
很多时候对于外行来说,写代码不是最难的,难的是要先搞环境。
这感觉就像,好多年前装电脑,首先得装一些必要的驱动器,然后才能继续往下走。
折腾了4个多小时,终于跑起来了。

第二天:一种无法掌控的感觉

环境搞定了,开始做功能。
然后我发现一个问题:AI一直在问。
"需要我继续落地xxx功能吗?"
"我可以做1、2、3,你选一个。"
"你说一个方向,我直接改。"
"要不要我再把xxx也做一下?"
它问,我答。它又问,我又答。
我一开始还有耐心,后面越来越烦躁——
你到底做没做完?
现在什么进度?
什么时候才能结束?
一种完全无法掌控的感觉。
我说:"你直接往下做,不用每一步都问我。"
它照做了。但做完之后我又发现问题——输入框保存完还显示着、两个页面的功能重复了、明明关掉的功能又冒出来了……
我说:"把所有问题全部改完,不要再问我了。"
一天下来,4-5个小时过去了,交互和页面都没调完。

第三天:交互调整

第三天主要花在调整交互上。
哪些信息要一直显示,哪些填完就该收起来;页面跳转的逻辑对不对;保存之后要刷新当前页面……
这些挺基础的交互,我跟AI说“这个页面交互有问题,改一下”,没用。
我必须得一个个告诉它怎么改。(估计我用的版本不太行,或者我得先装几个交互和UI的skill)
比如该左滑出现的按钮,一开始一直显示着。
感觉我在给AI这个"程序员"做测试,提得满满的都是bug。
调得心累。

最后两天:UI细节

第四第五天,都在调UI细节。
AI一开始给我设计的UI太烂了,我直接找了个好看的样式截图丢给它:"你参考这个来。"
它还真有模有样地参考了,出来效果还行。
但细节还是有不少问题,padding要调,某几个按钮颜色不对,犄角旮旯的字体要调。
最难搞的是那个生长曲线百分位的表格,要固定第一行第一列,滚动的时候其他内容跟着动。
就这一个需求,来来回回改了几十遍。不是行出问题,就是列出问题,要么干脆动不了。
回滚了好几遍。
到最后,也没改到满意,但我妥协了,实在改不动。

插曲:token用完了

做到一半,免费的token不够用了。
暂时没有写第二个小程序的打算,于是我取了个巧,重新注册了个号,继续用免费额度。
折腾,真的挺折腾的。

割裂

回看这几天的经历,我最大的感受是——割裂。
不懂的地方,AI帮了我大忙。
环境怎么配?截图丢给它,它告诉我点哪里、输什么。
问题排查?把报错信息给它,它帮我分析原因。一开始微信开发者工具打开项目有个页面一直显示空白,是AI一步一步教我排查问题,最终定位到问题,然后改掉。这些我完全不会,有它带着,起码能走下去。
但懂的地方,AI反而让我抓狂。
很简单的交互,一个一个让AI改。
UI细节?它一直在调那些看不出差别的参数,但明显的问题却不动。我花大量时间在"告诉它该怎么改",而不是"让它自己改"。

代码之外

小程序在真机上跑起来,输入娃的身高体重,看到那条缓缓上升的曲线,我松了口气。
至少以后不用在微信聊天记录里翻数据了。

另外,小程序要正式上线,还要备案、认证。如果是APP就更复杂,还要写软著,应用市场开各种开发者账号,各种资质审核。

一个产品要上线,不只是写代码,还有很多代码之外的工作量。

更别说上线之后的事了。

产品上线才是起点。上线之后怎么运营?怎么获取流量?用户怎么找到你?为什么要用你的产品?

写代码只是第一步。后面的路,还长着呢。

最后

回头看这几天的经历,我想说的是——"零基础3小时做一个App",是营销,不是现实。
AI确实能做出东西来,也能帮你解决很多不懂的问题。
但真正花时间的,往往是那些别人没提的东西:环境配置、交互逻辑、UI细节,还有无休止的bug修复。
那些教程里的"轻松",是因为人家已经踩过很多坑了。
我是产品,写了比较完整的需求,按流程一步步来,折腾了四五天才搞定。如果真的是零基础、一句话需求,只会更难。
不过话说回来,如果没有AI,我可能根本不会开始。
至少现在,我有一个自己能用的小程序了。
这就够了。
所以我想说,
建议各位零基础的家长们也都来试试,DIY实现自己需求的感觉,虽然过程有点曲折,但成就感也真的是爆棚啊!!!
欢迎在评论区交流AI编程的心得和问题啊~

我是熊喵,关注我,分享养娃路上的思考与困惑,用AI工具提效的真实摸索

推荐阅读 
生长激素打一年长8cm算好吗?我用真实数据告诉你答案