零代码做一个小程序:我用 WorkBuddy 专家角色跑通了全流程
- 2026-09-26 06:25:19
一行代码没写，一个小时，一个能扫码预览的小程序就跑起来了。
这不是标题党。我说的“跑起来”，是真的在手机上扫了码、点了按钮、看到页面跳转的那种。
很多读者跟我反馈：想做个小程序，但一看到“代码”两个字就劝退了。要么花几千找外包，沟通一周改一轮；要么下了决心学编程，看了两天教程就放弃。
其实你不需要学编程。你需要的是一个能帮你把“想法”翻译成“代码”的角色——而这个角色，WorkBuddy 里已经有了。
今天，教你从零到手机扫码预览的完整路径。每一步都有验收标准，每一步都有避坑提示。跟着做，你也能跑通。
一、准备：你需要什么
开始之前，准备好这四样东西：
- WorkBuddy
已安装、能正常对话即可。不需要装任何额外插件。 - 一个想做的小程序想法
哪怕很模糊——“我想做一个记账的”“我想做一个打卡的”“我想做一个背单词的”都行。 - 微信开发者工具
免费下载，用于在电脑上预览小程序。下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html - 微信小程序 AppID
在 mp.weixin.qq.com 注册，个人主体免费。如果暂时不想注册，可以用“测试号”（在开发者工具里选“测试号”模式）。
验收标准：以上 4 项准备好，进入下一步。前两项是硬条件，后两项可以在过程中补。
二、第一步：用“问题卡片”把模糊想法变成清晰需求
打开 WorkBuddy，新建一个任务，在专家市场里选择“微信小程序开发者”这个专家角色。
选好之后，你不需要直接说“帮我做一个 XX 小程序”。专家不会马上开写——它会先给你一套问题卡片，逐个引导你把需求说清楚：
这个小程序给谁用？（你自己？孩子？团队？） 解决什么问题？（打卡？记账？学习？） 主要有几个页面？每个页面干什么？ 需要存什么数据？（文字？数字？日期？） 用户的核心操作是什么？（点击？输入？滑动？）
这些问题听起来简单，但它们的价值在于：逼你从“我想做个东西”变成“我想做个具体的东西”。
很多人做小程序失败，不是代码写不好，而是需求没想清。你以为要做的是“一个打卡 App”，但到底打卡什么？打了卡之后显示什么？连续打卡有什么奖励？这些不想清楚，做出来的东西你自己都不想用。
验收标准：你能用一两句话回答完所有问题卡片 → 需求已从“模糊想法”变成“清晰描述”。
避坑：不要跳过问题卡片直接说“帮我做一个 XX 小程序，你看着弄”。模糊的需求会产生模糊的产品，返工成本远高于多花 5 分钟想清楚。
三、第二步：让专家生成 PRD（产品需求文档）
回答完问题卡片后，让专家生成一份 PRD。
PRD 是什么？就是你的需求和代码之间的“合同”——它列出：功能清单、页面结构、数据结构、交互逻辑。
你不需要会写 PRD，专家会帮你生成。你只需要做一件事：审稿。
读一遍 PRD，看有没有不对的地方：
功能清单里有没有多余的功能？（“我只需要打卡，不需要排行榜”） 页面结构是不是太复杂了？（“首页不需要这么多 Tab”） 数据结构有没有遗漏？（“我还需要存一个备注字段”）
有不对的地方，直接在对话里说“第 X 条改成 XXX”，专家会更新。
验收标准：PRD 里每个功能你都能看懂 + 每个页面你都能想象出长什么样 → 可以进入下一步。
避坑：PRD 是你的需求“合同”。不检查就往下走 = 后面改起来更费时间。改 PRD 只要打一句话，改代码可能要改几十行。
四、第三步：设计各页面线框图
PRD 确认后，让专家根据 PRD 设计每个页面的线框图。
线框图不是精美的设计稿，就是简单的方块示意图——哪里放标题、哪里放按钮、哪里放列表。但它的价值在于：让你在代码写出来之前，就看到“小程序长什么样”。
你的角色是看线框图，确认布局是否合理：
首页是不是这样的结构？ 按钮放在这里对不对？ 从首页到详情页的跳转逻辑通不通？
验收标准：每个页面都有线框图 + 你确认布局无误 → 进入开发。
避坑：线框图阶段改布局，比代码写完再改便宜 10 倍。这个时候改布局只需要调几个字，代码阶段改布局可能整个页面要重写。
五、第四步：专家写代码
确认线框图后，让专家开始写代码。
微信小程序的代码由四类文件组成：.wxml（页面结构）、.wxss（样式）、.js（逻辑）、.json（配置）。你不需要记住这些，专家会按页面逐个生成。
你的角色：不需要看懂代码。你只需要等专家说完“写完了”，然后检查：
文件是否齐全？（每个页面都有 4 个文件） 有没有报错？（专家生成过程中如果有错，它会自己提）
验收标准：专家输出完整的代码文件，每个页面 4 件套齐全。
避坑：如果专家一次生成太多页面出 Bug，让它一个页面一个页面地做。多位作者的实测经验都是同一个结论——一次贪多、容易出 bug，拆成单页面交付反而更快更稳。
六、第五步：在开发者工具里跑起来 + 手机扫码预览
这是最激动人心的一步。代码有了，现在让它跑起来。
- 下载安装微信开发者工具
打开 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ，选你的系统版本下载安装。 - 打开开发者工具，微信扫码登录
- 导入项目
点“导入项目”，目录选择专家生成的代码文件夹，AppID 填你的个人 AppID（或在下拉里选“测试号”），点“导入”。 - 点击“编译”
左侧模拟器会出现小程序界面。如果页面显示正常——恭喜，跑起来了。 - 点击“预览”
开发者工具会生成一个二维码。用手机微信扫码，就能在手机上看真机效果了。
验收标准：手机上能打开小程序 + 核心功能能跑通 → 成功。
避坑清单：
- AppID 问题
选了“测试号”，部分 API 会受限，但对跑通基本页面没问题。要完整功能需要注册个人主体的 AppID。 - 中文路径报错
代码文件夹路径不要有中文和空格。建议放在类似 C:\\miniprogram\\myapp\\这样的路径下。 - 编译报错怎么办
把错误信息复制粘贴给 WorkBuddy 专家，让它修。这是 AI 写的代码，AI 自己最知道怎么改。 - 样式跑偏怎么办
模拟器里显示和手机上可能有细微差异。以手机预览为准。
七、复盘：我学到了什么
跑完一遍之后，复盘三个认知：
第一，专家角色 = 把“从需求到成品”这条路拆成新手能跟着走的流程。
问题卡片→PRD→线框图→代码→预览，这条路径不是 AI 发明的，这是产品经理和开发者几十年的工作流。但以前你需要自己学这套流程，现在专家帮你走。
第二，关键不是代码能力，而是需求能力。
你能把“给谁用、解决什么、怎么用”说清楚，AI 就能做出来。你说不清楚，AI 做出来的东西你自己都不满意。所以与其花时间学编程，不如先练“说清楚需求”这件事。
第三，做完第一个之后，下一步是打磨。
想做得更好 → 把 PRD 反复打磨，需求越细，成品越准 想上架发布 → 需要个人开发者认证或企业主体（本文不展开，后续再写） 想让小程序更稳定 → 跑通后把踩过的坑告诉 WorkBuddy，让它记到记忆里，下次自动避开
结尾
今天就能做的一件事：打开 WorkBuddy，选“微信小程序开发者”专家，把你的想法说出来。
你的第一个小程序不需要完美，只需要跑起来。
做完回来评论区告诉我你做了什么——我挑有意思的下一篇文章里聊。
