让【微信小程序开发者】替我写代码:咖啡记账小程序的实现步骤

01　派活：我不说「帮我做个小程序」，我给了一份提示词

BRIEF

记一杯的需求，我早就想透了，所以派活时没偷懒甩一句「帮我做个咖啡记账小程序」。我把脑子里的规格，写成了一份开发提示词：

#背景与目标：一句话说清解决什么问题、给谁用。

#交付物与文件结构：连文件名都写死——project.config.json、app.js / app.json / app.wxss、pages/index/index、utils/stats.js、utils/storage.js。

#页面结构：单页三区块——看板、记一笔、列表。

#数据与计算规则：record = { id, type, amount, time }；存储单 key coffee_tea_records；stats.js 四个纯函数，口径写死。

#操作与边界状态规则：3 步内记一笔、快捷金额、金额校验、删除二次确认、改金额、时间四档显示。

#视觉要求：奶油白 #FBF3E7 打底、焦糖棕 #A05A2C、暖橙 #EA580C、全直角 border-radius:0、底部安全区。

#验收标准：编译零报错、5 步功能、边界、时间边界、视觉、交付报告。

#禁止事项：不用框架、不加功能、不碰已有文件。再加开发顺序和决策。

能抄的原文：

这是当时派活的真实提示词，我把它一字不改地摊开给你：

把上面的网页原型转成微信小程序原生工程，不用任何框架 / UI 库 / 构建工具。要求：- 数据结构 record = { id, type:'coffee'|'milktea', amount:Number, time:ISO }- 存储用 wx.setStorageSync 单 key coffee_tea_records，读取 try/catch 容错- 金额 0.01–999.99、最多两位小数，显示 ¥xx.xx- 快捷金额：咖啡 ¥15/20/28、奶茶 ¥12/15/18，弹层默认选中该品类默认金额- 看板 onShow 实时算：本月花费 / 本周杯数 / 环比上月同期（无记录显示「上月还没有记录」）- 支持删除（wx.showModal 二次确认）和改金额- 直角风格（border-radius:0），奶油白 #FBF3E7 + 焦糖棕 #A05A2C + 暖橙 #EA580C- 底部预留安全区 env(safe-area-inset-bottom)

抄的时候别照抄，把品类、金额、配色换成你自己的。框架是通用的：给数据结构的准绳、给存储方式、给计算口径、给视觉规范、给验收点。

02　它怎么落地：原生工程，一个已有文件没动

IMPLEMENT

它按提示词产出了原生小程序：WXML / WXSS / JS，零框架、零第三方库、零构建工具，导入微信开发者工具就能跑。

工程放在新目录 记一杯/——因为提示词里写了「不修改已有文件」，根目录那套旧网页版（app.js、index.html、test.mjs）一个没碰。约束它真当回事，这让我放心。

逻辑和界面分开：utils/stats.js 全是纯函数，utils/storage.js 管本地读写，页面只管交互。计算那套在 node 里就能跑，不用开开发者工具就能测。

03　验收：它先自测给我看，不是「能打开就算」

ACCEPTANCE

时间边界最容易出错，它用固定时间跑 stats.js。我截一段真实输出：

=== 1) 跨月边界（now = 2026-08-15 周六）===getMonthTotal (期望 35.00) = 35.00getWeekCount (= 1，Aug1 属上周) = 1　getMonthCompare = {"cupsDelta":1,"moneyDelta":20}　formatCompare = 比上月同期多喝了 1 杯、多花 ¥20.00=== 4) 环比：上月同期无记录 → null ===getMonthCompare (期望 null) = null=== 6) 金额校验 ===""→false0→false　-5→false1000→false999.99→true1.234→false20.5→true0.01→true

再配 node --check 语法校验、JSON 解析，最后整理成 TEST_REPORT.md：文件清单、自测结果、遗留事项，一条不落。

验收测试通过后，我们就能着手让小程序从【能跑】到【能测】。

04　从「能跑」到「能测」：两步就够了

RUN & RELEASE

第一步，编译运行。本机没装微信开发者工具，这一步留给你：打开微信开发者工具 → 导入项目 → 选 记一杯/ 目录 → touristappid 本地预览；想真机测，换成自己的 AppID 点「预览」扫码。

第二步，体验版上传。要给真实用户测，走体验版：换真实 AppID → 工具里点「上传」→ 后台「开发版本」设为体验版 → 把朋友加进体验成员，扫码即开。这一步我也让它写成了文档，就是 体验版上传指引.md。

反思与总结

SUMMARY

回看全程，我一行核心代码没写，但每一步我都知道在验什么：结构对不对、口径对不对、边界守不守。这比以前「甩一句需求等成品」踏实太多。

让专家替我写代码，最值钱的不是省了敲键盘，是我把「我想要的」翻译成了它能执行的规格，又拿得住验收。还是我之前的理念：学基础不是为了自己写，是为了能指挥AI一起把产品做出来。

系列导航（随手读）

· 上篇 · 记一杯手记 ：做记账小程序，我忍住没写代码，先干了件更值钱的事