用AI，零基础10分钟搞定一个小程序（附教程）

AI出来后，开发软件不再是门槛，就算你什么都不会，照样能开发一个属于自己的小程序，下面就跟我一起来看看怎么用10分钟开发一个小程序出来

一、前期准备工作，选主体类型，注册、起名字

1、选主体类型。在我们开发小程序之前，我们需要先想好用小程序干什么，应该包括哪些内容和功能，是个人还是企业,差别挺大的。个人的话比较便宜,30 块一年,但限制多。支付、社交、资讯这些功能基本碰不了,稍微踩线就被拒审。企业主体 300 一年,贵是贵点,但能干的事多,商业化空间也大。提前想好,不然代码写完了过不了审,白折腾

2、注册。到微信平台:https://mp.weixin.qq.com注册，按流程来，很快。注册 → 绑定微信 → 创建小程序,三步走完就行。

3、起名字，名字很重要，最好能望文生义。名字直接影响审核和备案，功能明确、不蹭大牌、没歧义,相对好过。

二、小程序的界面设计

在编码之前需要进行页面UI设计。可以用 Figma,免费版每天能让 AI生成三个页面 ，主要就是写提示词的工作量，比如设计首页可以这样写

设计一款微信小程序图片视频处理工具的 UI,风格简洁轻量偏工具型,主色用蓝灰色,首页 2×3 卡片宫格布局,功能包含:图片压缩(主入口)、视频压缩、图片裁剪、图片格式转换。扁平化线性图标,浅色背景,无登录页,无营销元素,无 AI 字样,符合个人开发者工具类小程序定位。

其他页面按这个模版来，改改就行了。不满意可以随时改。等页面确定了后就是编码

三、生成代码

1、两个开发工具

• 微信开发者工具(预览、调试、上传代码用)，必须用这个
• Claude code(AI 编程 IDE,我选的模型是 Minmax2.7)，这个也可以用其他工作，比如trae也可以。

先在微信开发者工具新建项目,然后打开 Claude code,开始让 AI 写代码。核心还是写提示词

2、别上来就问"帮我写个小程序",那样 AI 给出来的代码大概率乱七八糟。

第一段提示词要立规矩,包含 4 件事:

① AI 的角色
你是一个资深微信小程序工程师,熟悉小程序框架、审核规范和性能限制。

② 技术边界
只使用微信小程序原生能力,不使用 Vue / React,不引入第三方 npm。

③ 项目目标
本项目是图片视频压缩工具类小程序,核心功能:图片压缩、视频压缩、图片裁剪、格式转换。

④ 输出方式
直接给出可运行代码,必要时附简短注释,不解释基础概念。

规矩立好了,后面改起来不会越改越乱。

3、完整提示词

我直接贴出来,你可以照着用:

你是一个资深微信小程序开发工程师,熟悉小程序生命周期、组件化、性能优化和平台审核规范。帮我开发一个项目【宠物喂养】,主要功能:宠物视频和图片、喂养、商城，我的四个板块。使用原生小程序框架开发,不使用第三方框架和多余依赖。

Claude code 给出代码后:

打开微信开发者工具 → 点「编译」看效果 → 有问题继续让 AI 改 → 没问题点「上传」→ 填版本号推送到平台。体验版、提审、发布都在后台操作,流程不复杂。

到这个地方已经完成全部工作了。

几个注意点：

• 个人主体一定提前确认可选类目,工具型相对安全
• 名称和功能对不上,极容易被拒审
• 备案周期长(我花了 5 天),名字定了就赶紧提
• 代码写完可以先提审,没备案也能审,提前发现问题