我不会写小程序代码，但用 AI 做出了自己的第一个小程序

原创已于 2026-10-23 08:50:10 修改 · 120 阅读

本内容遵循CC 4.0 BY-SA版权协议

于 2026-10-23 08:47:54 首次发布

本文讲述一位无编程基础的用户如何借助AI工具，从文字描述设计稿开始，生成HTML原型、转换为微信小程序代码、配置腾讯云CloudBase后端、解决部署坑点，并完成真机测试与迭代优化。全程聚焦AI辅助开发流程，涵盖需求描述、代码生成、云函数部署、环境配置、报错调试及体验版发布等关键环节，体现AI在小程序开发中的实际落地能力。

我不会写小程序代码，但用 AI 做出了自己的第一个小程序

写在前面

先说结论：我没有学过小程序开发，一行一行手写代码对我来说是天书。但就在最近，圈子里爆火了一个小程序，“钱包等等我”，功能很简单，就是要买东西前发起一个审批，让网友帮你决定要不要买，于是我就想试试。用了2各小时的时间，我做出了一个能跑、能用、能发朋友投票的微信小程序——「冷静一下」。

它的功能很简单：你想买某个贵的东西又管不住手时，发起一笔"审批"，邀请朋友投票，同意的人多才能买，被驳回的钱会记进你的"省钱档案"。

这篇文章不讲技术原理，只讲我作为一个普通人，是怎么一步一步把它从想法变成现实的。

第一步：把想法写成一张"设计稿"

我不会画 UI 图，也不懂什么原型工具。我的做法是：用文字把想法描述清楚，让 AI 帮我出一张网页版的设计稿。

我跟 AI 说：我想做一个"消费冷静期"的小程序，有主页、广场、发起审批、投票详情、结果页几个页面，主色调清爽一点。AI 生成了一个 HTML 页面，打开就是完整的产品样子。

这一步的感悟：你不需要会画图，但你需要会描述。 页面长什么样、有什么功能、用户怎么操作——把这些说清楚，比任何工具都重要。
1、这是我给AI的提示词

在这里插入图片描述
这是AI生成的设计图

第二步：让 AI 把设计稿变成真小程序

设计稿确认后，我直接说：“基于这个 HTML 原型，帮我实现这个小程序，后端用腾讯云的 CloudBase。投票前必须获取微信用户信息。”

AI 输出了完整的项目结构：

一个云函数（后端逻辑：发起、投票、结案、用户档案）
六个页面（主页 / 广场 / 我的 / 发起 / 详情 / 授权页）
数据库三个集合的设计（users / polls / votes）

我看不懂代码细节，但我看得懂文件名和功能注释。不懂代码不妨碍你验收成果——就像你不懂得造发动机，也能判断一辆车好不好开。

在这里插入图片描述

第三步：配置环境，踩坑开始

代码有了，接下来是部署。这部分对新手最劝退，我把踩过的坑全列出来，你们可以少走弯路：

坑 1：环境 ID 是什么？
小程序报错 INVALID_ENV，查了半天才知道要先去开通腾讯云 CloudBase，拿到一串形如 cloud1-xxxxxxxx 的环境 ID，填进配置文件里。而且这个环境必须和你的小程序 AppID 关联，在微信开发者工具的"云开发"面板里看到的才是权威值。

坑 2：云函数根目录没绑环境
又报错"请在编辑器云函数根目录选择一个云环境"。解决方法：在开发者工具左侧文件树里右键 cloudfunctions 文件夹 → 选择当前环境 → 再右键云函数文件夹 →"上传并部署：云端安装依赖"。

坑 3：代码里的隐藏 bug
页面报错"openid is not defined"。AI 检查后发现是后端一行代码写错了变量名，改一个词就好。这让我意识到：AI 生成的代码也会有 bug，报错信息就是最好的线索，把报错原样发给 AI，它自己能修。
这是我导入微信开发者工具后的效果图
在这里插入图片描述