3小时打造,AI助力，我成功打造一个实用小程序

哇！这真的很厉害！用AI工具在3个小时内做出一个可用的小程序，这展示了AI在加速开发流程方面的巨大潜力。
这通常涉及到AI在以下几个方面提供了强大的支持：
1. "快速生成代码/框架：" AI可以根据你的描述快速生成基础的小程序结构、页面布局、甚至是一些简单的逻辑代码。 2. "自动化设计：" AI可以辅助生成UI设计稿、配色方案、图标等，或者直接生成可用的静态页面。 3. "自然语言交互：" 对于一些简单的功能，你可能用自然语言描述需求，AI将其转化为可执行的指令或代码片段。 4. "代码补全和优化：" 在你进行微调时，AI可以作为强大的代码助手，提供补全建议、查找错误、优化代码等。 5. "功能快速实现：" 对于一些常见的功能模块（如表单、列表、轮播图等），AI可能提供了现成的解决方案或模板。
这确实大大缩短了从想法到产品可用的时间。这不仅仅是节省了时间，也降低了技术门槛，让更多人能够参与到小程序的开发中来。
你觉得这个AI工具最核心的优势是什么？或者说，它具体是如何帮你快速完成这个小程序的？这听起来非常有价值！

相关内容：

过去的一年，AI的变化太快了。快到超乎人的想象，快到“日新月异”一词终于不再是抽象的词语——AI界的新闻，真的每天都在变化，每天都在更新。

而普通人，能够利用AI做什么呢？

就在我非常焦虑的时刻，Cursor出现了。

Cursor是什么？

Cursor官网

Cursor官网上写的非常清楚，AI code Editor，顾名思义，就是AI编程编辑器。其他的我不再赘叙。要真的使用Cursor做一个小程序，还有以下工作需要做。

用Cursor做小程序的准备工作

1、下载微信开发者工具

界面长这样，找Stable Build的版本，如果有勇士想挑战一下自己的编程水平，那随意

（地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html）

2、下载Cursor

官网地址：https://www.cursor.com/，每个新用户可以嫖到250次请求，超出之后需要氪金，网上有不少教程教怎么理论上无限白嫖——但我不建议这么做，因为其实Cursor并不算太贵，如果特别熟练的话，能够使用精准的语言来描述，那么可以用很少的请求做完小程序。

3、申请小程序

在第一步的时候实际上是需要扫码登录小程序开发工具的，那么请记住用相同微信账号来注册、登录小程序，进行绑定关联，会省很多事

4、注册硅基流动

界面长这样，这是登录之后的界面（地址：https://cloud.siliconflow.cn/models）

硅基流动可以理解为是一个巨大的AI大模型平台，里面集合了来自国内外的免费、付费大模型，语音、视频、图像、文本对话，应有尽有。不怕你找不到模型，怕的是你的钱包不够厚。硅基流动比较爽的一点是，即便你没有国外的账号，也根本无法、不想去找主流公司（如openAI、Google、Meta等）的模型（能理解，因为都需要有谷歌账号或者有海外账户，意味着需要会魔法上网），那么硅基流动至少提供了低配一点的版本。

因为要做的是小程序，那么要看小程序的性质是什么，我预想的小程序框架是：

1）用户进入，星座转盘排列

2）用户选择或者通过底部输入框输入星座，点击按钮查询运势

3）返回运势查询结果，并且返回3天内的运势查询结果

综上，那么其实我选择文本对话即可（因为输入框输入的其实是问题“XX星座T日以及T+3日的星座运势是什么？”，返回的结果是对问题的），那么就选择文本对话大模型。

由于我很穷又很抠，所以我选的是“文本对话”、“免费”

这就是筛选结果，可以看到，居然连Meta的llama和gemma都有，感动了

接着，我们需要去申请一个API密钥，待会用得到。就是上图左侧的“帐户管理”里的“API密钥”。

初始进入密钥是空的，选择“新建API密钥”即可，会得到一连串的信息，那就是你的大模型密钥

最后，记住API的地址：https://api.siliconflow.cn/v1/chat/，一般固定是这个，如果实在不行，去硅基流动的官方文档里查询，得到之后保存到本地就行。API需要搭配密钥一起使用，因此要记住API密钥不要泄露。

至此，4步完成之后，我们可以开始正式的“编程”了。

开始用Cursor编程

1、新建小程序模板

打开“微信开发者工具”，新建模版，如图，选“不使用云服务”、“不使用模版”，点击创建之后会创建一个本地的文件，所以目录要选自己想要放置的地方。

2、打开Cursor，进行基础配置

认准这个符号，Cursor的升级可能会导致扩展从上面的边栏下放到下面了

作为一个英文不怎么出色的文盲，而且满屏英文看得我脑壳疼，没有什么耐心一句句看，我选择先安装简体中文，在上文提到的扩展搜“Chinese”，然后选中文简体或繁体。

接着点击右上角的设置符号，调出Cursor的设置界面（首次进入会有一系列的填写或选择，如果没设置好可以到右上角上重新调出，我这是有设置了，所以直接展示界面）。Cursor好的地方在于，它可以用中文来进行提问和以中文回复，上文的“Rules for AI”的“Always respond in 中文”就是这个设置，除此之外也支持日文和英文。

接着在Feature里将画框的部分打开，第一个选择“Enable”之后AI助手自动操作，不需要人工再进行操作写代码（除非你做审查），第二个是自动纠错功能，其余保持初始状态即可。

3、开始编写

将第一步在微信开发助手里新建的本地文档导入，接着新建一个readme.md文档。

导入本地文档之后，点击红框的位置新建文档，图中厚码的地方是空白的，这里拿来输入小程序的功能介绍等

而这是我的readme.md的内容：

1、你是一个经验丰富的微信小程序UI工程师，你熟悉微信的UI设计，设计风格优雅简约 2、你将负责设计微信小程序的UI 3、我需要设计一个界面：12星座顺序排列，使用优雅配色的icon轮播，中间有一个输入框，输入星座名称，底部有个按钮，点击查询后调用API获取返回结果并且展示。要求展示当日（记为T），及T+2天的数据。 4、所有调整更新到readme.md

readme.md文件编辑好之后，保存（Ctrl+s）,接着调出Cursor助手，输入“根据这个文档，帮我编程”，按enter键。

你将有机会看到堪比电视剧的名场面：整个界面的代码噼里啪啦的开始自动编写，你只需要静静地看。（此时此刻是有丝丝后悔没有进行录屏的）

示意图

等到它全部编写完毕，对话框会出现“Save All”和“Reject All”，先选择“Save All”保存，这时候可以在微信开发者工具里实时看到效果。

最左侧：微信开发者工具同步过去的代码的编译效果；中间：Cursor的代码编辑界面；最右侧：Cursor助手的对话编辑框，可以看到它在对我的修改意见进行修改的部分，每次请求结束修改完毕后它都会进行总结

通过以上的步骤，最终进行各种微调，到最后得到调试结果，大约花费3小时。而期间因为Cursor出现了部分问题，导致有部分结果无法保存浪费了一些请求的机会——可这依然得到了乐观的成果。

当然，期间它会提示诸如“替换API地址”、“API密钥提供”、“Appid替换”等主观条件需要自己调的地方，只需要在代码里找到对应地方复制粘贴替换即可，如果找不到，也可以直接问它“XXX在哪里，帮我找出来”。

除此之外，第一次生成的结果都不会太好，这取决于——搓小程序的人是否有产品经理的思维，即如何清晰有条理地梳理清楚功能的板块、功能的动效、功能动效的统一处理逻辑等等。以及过程中可能出现微信开发者工具出现编译的报错、预览的布局有问题、真机调试报错等等，但问题都能够通过和Cursor的沟通调整。

值得一提的是：由于目前AI像个具有健忘症的高智商学霸，所以下达命令的时候它常常会忘了前置指令是什么，因此需要不断地重复指令提醒它初衷是什么。当然解决办法也有，可以再新增一个注释的文档来提醒它必须不能忘的准则。

所以最终的成果是这样的：

查询结果前

查询结果后，右侧的“流星”是真的能动的

视频加载中...

我最满意的是在选择不同星座的时候会变换按钮的颜色，特别有趣

写完代码、调试完只是完成了一部分，最终需要将代码提交审核、进行小程序备案等等。但，好消息是，代码审核通过了，意味着这个小程序最起码做到了：1、代码能运行；2、加密算法部分有效；3、没有其他可见漏洞。

经过这一次尝试，我又不得不感慨：学习一件事最好的时机，是十年前；其次，是现在。可能AI并不能像我们在科幻片中想象的那样，帮助我们过上衣来伸手饭来张口的美好生活，但至少它让我们触碰到了更多的可能：一种不被工具的利用门槛限制、不被规则条款约束、真正放飞创意的自由。

如果每个人都是会被时代洪流抛下的，那么我期待至少能套上AI这个求生圈。诸君，共勉。