我一个电脑小白，跟 AI 一起做出了一个微信小程序

星座运势小程序实战记录 · 不会写代码的人，也能把想法做成能跑的东西

注意，标题里是"跟 AI 一起做"，不是"让 AI 帮我做"。这两件事差得很远，而我是在踩了一堆坑之后才明白的。我不会写代码。但这段时间，我和 AI 一起做出了一个真能在手机上跑起来的微信小程序——十二星座、今日运势、幸运签、趣味测试。这篇不讲代码怎么写，讲的是：一个完全不懂技术的人，到底该怎么跟 AI 协作。

一、先说结果：它真的能跑了

先别谈方法，看看最后做出来的东西长什么样。

✨ 现在它能做这些事

首页：十二星座宫格；也能输入生日，自动算出你是什么星座今日运势：综合评分（数字 + 星级 + 进度条动画）、幸运色、幸运数字、关键词、贵人星座分项运势：爱情 / 事业 / 财运三项各自打分，各配一句建议幸运签：点一下卡片 3D 翻转，抽「上上签 → 下下签」六级签文，四句七言配解签每日缓存：当天第一次测算后存下来，反复打开都是同一个结果，过了 0 点自动刷新趣味测试：8 道题，答完给你一个"隐藏星座"和前三名排行界面：深色星空背景、闪烁星点、紫色光晕

技术底细就一句话：原生微信小程序代码，没有后端，没有服务器，所有数据都在用户自己的手机里。

最后的验收，是我在开发者工具和真机上一项一项点过去的：十二宫格、动画、翻转、返回再进、隔天刷新、8 题答完出结果……最后一项是看控制台——没有任何红色报错。

二、先说清楚：我真的是小白

这不是谦虚。

我的日常是写公众号文章。什么"前端""后端""编译""缓存""生命周期"，这些词我都是这次才真正搞明白的。之前跟代码唯一的交集，是偶尔复制一段别人给的东西。

所以这篇文章的意义可能就在这儿：如果我能做出来，你大概率也能。

三、第一个教训：别跟 AI 说"帮我做个小程序"

一开始我确实就是这么干的。

我把想法一股脑丢过去：要星座、要运势、要好看、要能分享、要能测试……

AI 也很爽快，哗哗给我一大堆代码。

然后我打开一看——跑不起来。就算勉强跑起来了，哪里不对我也说不上来，因为我根本看不懂。想改一行，别的地方又坏了。

那天的感受是：AI 不是不厉害，是它一次给我的太多了，我接不住。

后来我们换了方式，整个项目才真正开始往前走：

一次只做一个阶段。做完 → 验证通过 → 我弄明白这一步在干嘛 → 再进下一个。

四、我们的工作方式：11 个阶段，一次只走一步

整个项目最后被拆成了 11 个阶段，从"能打开一个空白页面"开始：

1　项目初始化（让页面能打开）2　数据层（先把星座表、文案库准备好）3　首页界面（十二宫格 + 生日匹配）4　结果页（评分、幸运色、三项分项）5　幸运签（权重抽取 + 3D 翻转）6　每日缓存（当天不变、隔天刷新）7　趣味测试（8 题问答 + 计分）8　真机验收9　代码评审与优化10　上传提审11　可选增强

每一步结束，我们都会停下来复盘一次：这一步做了什么、为什么这么做、有没有更简单的写法。

这听起来很笨。但对不懂代码的人来说，这是唯一能真正"跟上"的方式。如果闷头让它一口气写到第 11 步，最后我拿到的，还是一个我看不懂、也不敢碰的东西。

五、中间卡住的几个地方

下面这些，每一个都让我们停下来折腾了一阵。

坑 1：三列格子怎么都对不齐

首页的十二星座做成三列，左右总有一点点不对称。看着别扭，但我说不出差在哪、差多少。

后来一算才知道：小程序里屏幕宽度恒定是 750rpx。我原来算的是：

卡片 216 × 3 + 间距 18 × 2 + 左右内边距 28 × 2 = 748rpx　← 差 2rpx

改成 218 / 20，总和正好 750rpx，一下就顺了。

这件事让我意识到：那种"看着别扭但说不上来"的问题，背后往往都有一个具体的数字。AI 的价值不是替我感觉，而是把感觉翻译成数字。

坑 2：AI 自己的检查脚本，误报了三次

我们写了一些自动检查脚本，用来扫代码里有没有不合规的写法（比如禁用词、某些不兼容的样式）。

结果它连着报了三次错。我紧张半天，最后发现——是脚本自己没把代码里的注释剥干净，把注释里的示例句子当成真代码扫了。

教训：别迷信"检查通过"或"检查报错"。报错了，先怀疑检查本身。也别迷信 AI 下的结论——多问一句"你怎么确定的"，常常会有意外收获。

坑 3：一个"看不见的顺序"问题

为了做到"同一天结果不变"，我们没有用系统自带的随机数，而是自己写了一套：用「星座 + 日期」算出种子，再生成固定的一串随机数。

这套东西有个特性：它是有状态的，调用顺序会决定结果。

也就是说，如果哪天我随手调整了几行代码的先后顺序，所有用户已经存下来的历史结果会全部变掉——今天测的是 78 分，明天打开变成 62 分。

最麻烦的是：这个 bug 不会报错，不会白屏，只会让用户悄悄觉得"这软件不靠谱"。

解决办法很朴素：把这条约定写进项目说明里，提醒以后的自己——这几行代码的顺序不能动。

这也是我觉得跟 AI 干活最舒服的一点：它会替你记住你记不住的东西。人类合作者会忘的细节，它不会。前提是你让它写下来。

坑 4：AI 也会看错

有一次它很肯定地告诉我：代码里有个拼写错误。我差点就改了。

后来它又跑了一遍脚本复核，发现根本没有这回事——是它自己读错了。

从那以后我养成一个习惯：AI 说"这里有问题"，我会回一句"用脚本再确认一次"。这不是不信任，这是流程。

六、我最得意的一个设计：让"运气"变得可预期

这里有个挺有意思的矛盾。

运势这种东西，本质是随机的。但如果直接用系统自带的随机数，会发生一件很尴尬的事：用户今天测出 78 分，清一下手机缓存再进来，变成 62 分。

"今日运势"一下就崩了——你连"今天准不准"都保证不了。

我们的做法是：不用系统随机数，而是用「星座 + 日期」算出一个种子，再用这个种子生成固定的一串随机数。

效果是三条

① 同一天、同一个星座，结果永远一样② 缓存被清掉也不怕，重算出来还是那个数③ 到了第二天，种子变了，结果自然刷新

还有一个我完全没想到的好处：它顺带防刷。用户反复进出页面，也刷不出一张"上上签"——因为结果早就定了。

我们抽样跑了 20000 次，六级签文的实际分布和设计预期，误差都在 0.3% 以内。

我想说的是：AI 不只是帮我写代码，它会在我没想到的地方多想一层。这个"防刷"的效果，是我一开始压根没考虑过的。

七、真机上的那一刻

代码写完，还有一步是命令行里永远验证不了的：在手机上真的点一遍。

导入项目、编译、切换机型，然后一项一项过：

十二宫格显示正常　·　星空在闪点进去有分数和进度条动画　·　签卡翻转 0.9 秒返回再进分数不变　·　再点签卡提示"今日已抽过"趣味测试 8 题答完，自动出"隐藏星座"和排行切到 iPhone SE 小屏，文字没挤成一团

最后一项是看控制台：没有任何红色报错。那一刻的感觉，跟当年在公众号上发出第一篇文章差不多。

八、回头看，AI 到底帮了我什么

不是"帮我写代码"——如果只要代码，网上到处都是。我觉得真正有用的是这四件事：

① 把大目标拆成我接得住的一步。"做个小程序"我接不住；"先让页面能打开"我接得住。

② 在我看不懂的地方，替我做验证。我看不懂代码，但我看得懂"12 星座日期边界全对""360 份样本 1080 条文案档位全部匹配""20000 次抽样误差 <0.3%"这种结论。

③ 替我记住我记不住的约定。"这几行顺序不能动""扫代码前先剥掉注释""每个页面至少得有个 .js 文件"——这些细节，人会忘，它不会。

④ 允许我慢慢来。它不会嫌我问得笨。同一个概念我问三遍，它还是从头讲一遍。

九、如果你也想试试，我总结的 5 条

① 别上来就说"帮我做个 XX"。换成"我想做的东西大概长这样，你先帮我拆成几步"。

② 一次只推进一步。做完就验证，验证通过再走下一步。贪快的结果通常是推倒重来。

③ 每个阶段结束，让它用大白话讲一遍。"这一步做了什么、为什么这么写"。它讲不明白，说明你自己也还没懂。

④ 对结论保持一点怀疑，包括它说"有问题"的时候。让它用脚本再确认一次；它说"全部通过"，也值得问一句"你怎么测的"。

⑤ 让它把关键约定写进项目说明文档。这是你三个月后再打开这个项目时，唯一能救你的东西。

十、写在最后

以前我觉得"做个小程序"是程序员的事。

现在我觉得，它更像是一件"你愿不愿意花几个晚上，一个问题一个问题解决"的事。

代码是 AI 写的。但要做什么、做成什么样、什么时候算"可以了"、哪里不能忍——这些是我定的。

这也让我对"AI 会不会取代人"这件事有了点不一样的看法。至少在我这次的经历里，它取代的不是我，而是那个我请不起、也找不到的技术合伙人。

原来一个人做不了的事，现在两个人（一个是你，一个是它）能做完了。大概就是这样。

📌 关于这个系列

这篇是故事版，讲的是过程和感受。下一篇我会写教学版：如果你想自己跟着做一个，每一步具体怎么做、要装什么、哪里最容易错，我会全写出来。同样的思路，我之前做的本地 AI 声音克隆（Qwen3-TTS）也会补一篇教学版；还有一条我很常用的流水线——怎么用 AI 把一篇文章变成公众号成品（文案 → 排版 → 插画 → 发布），也会按"先故事、后教学"写。这几篇你最想先看哪个？评论区告诉我，我按票数排顺序。

如果你也正跟 AI 一起折腾点什么，欢迎在评论区说说你卡在哪一步。我觉得这个时代最有意思的事，就是看着一个个"我本来不会"变成"我居然做出来了"。