我用AI工具，花了3个小时做出一个可用小程序

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

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

这个账号已经停更了许久——出于个人的懒惰，出于要老生常谈的“肤浅”。而过去的那么些停更的时间，我没有真正地、如我想象中的躺平，我只是越来越觉得：人的一生，确实是精力有限的。现在失踪人口回归，除了要多余感慨几句，更像是给自己一个过去的时间一个浅薄的交代。

没错，过去至少1年的时间，我都在尝试AI方面的事情，确实也取得了小小的成果：AI视觉方面，至少能够勉勉强强地使用部分市面上非常主流的工具，能够生成一些图；生成了一些不太能入眼但也说得过去的视频。最重要的是，我终于可以摆脱“非程序员但又想做程序”的困境。

要说我的编程能力？大概就是英文里说的，“A Few”和“A Little”的区别——当然是“A Little”的那个水平。有过一段时间我非常的焦虑，焦虑于再这样下去，我猴年马月能够真的开始做项目呢？

就在我非常焦虑的时刻，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/completions，一般固定是这个，如果实在不行，去硅基流动的官方文档里查询，得到之后保存到本地就行。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的内容：

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

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

示意图

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

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

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

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

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

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

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

查询结果前

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

我最满意的是在选择不同星座的时候会变换按钮的颜色，特别有趣。视频录制的时候没有真机调试，所以出现了双标题栏，最终也通过Cursor解决了这个问题

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

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

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

题图：AI制作

本文链接：https://ai2025.cc/chatgpt/30.html