我做出了人生的第一个 app

今天，在AI的帮助下，我做出了人生第一个app，现在已经安装在我的小米手机上了。

俗话说，“真传一句话，假传万卷书”，那我就先用最简单的话说一下过程。

第一，用trae做一个网站。

第二，用trae把这个网站打包成一个可以在安卓手机上安装运行的app。

下面说一下详细步骤：

一、制作网站

前面通过各种尝试，我发现，当前的国内大模型在完成通过语言建立一个网站的任务时，网站的建设和创意设计效果并不好，可能是从语言到网站效果的跨度比较大或者我的语言描述不够专业，所以本次制作网站，我要引入两个控制手段，来提升网站的制作效果。两个手段分别是画图和计划。具体过程是这样的：

第一步：想明白自己想要一个什么样网站。

我就是想给自己的孩子制作一个练习数学计算的网站，但我不想死板地建设这个网站，我想让这个网站具备一些游戏的特性，关卡制，即时反馈， 能力匹配，积分制等，通过增加游戏的特性来增加孩子的练习兴趣。

第二步，让画图软件把这个网站的前端页面画出来。我是用的GPT-image-2，也可以用豆包或者千问。

画图软件画出的图片，如果不满意，可以让它及时地修改，直到这个图片基本符合我们的要求为止。

这一步增加的控制性，就是把前端画面通过图片的形式基本固定下来。从建站思路到前端画面，这一步我们可以很好地把控，前端画面不满意，我们还可以进行指定位置的调整，叠加现在画图模型的强大能力，大大提高了我们思路落地的确定性。

第三步，把画出来的图片，全部发给trae，然后把所需要的网站要求也同步发给它，我依然是使用大模型kimi2.5，大模型很快就可以依据我发出的图片和网站要求，生成对应的网站。

第四步，修改。现在 Kimi2.5 还做不出细节非常完善的网站，所以网站做完之后，还需要进行各种细节上的修改。这就要引入我的第二个控制手段，那就是计划。

在对话框输入“/”，选择“plan”，把我的要求发给大模型之后，它不会立即对网站进行修改，而是先列出修改计划，这个计划的主要作用就是看大模型是不是真正理解了我的修改意思，如果对我的修改意思理解有偏差，那就修改这个计划。

直到认可这个计划后，再让大模型按这个计划进行执行。实测效果非常好。

之所以要多计划这一步，是因为人想表达的意思和大模型理解的意思，这之间有的时候会存在细微的差别，而很多时候就是因为这个细微的差别，导致网站的修改效果不能够如我们的意。而重复的让大模型修改，因为大模型也不知道问题在哪里，所以修改的效果依然不好。而有了这个计划，就保证了网站修改效果和我们的要求一致，这种“言出法随”的效果是很爽的。即使网站的修改效果还是不能如我们的意，也可以让大模型严格按计划的要求，再修改一遍。

通过以上四步，网站就建成了。

二、制作app

制作app，同样也是要做计划。这里面需要注意两点，一个是需要安装的软件，可以自己下载安装，速度会更快，效果好。二是提前设定镜像，在制作app过程中下载的所有依赖都通过镜像下载。

第一步，出计划。要求如果下载软件或者依赖，必须下载国内镜像，这样可以保证下载速度。

第二步，依据计划检查环境。不用自己动手，trae会在kimi2.5的驱动下自己检查。

主要是Node.js 是否已安装（版本是否 >= 16），

Java 是否已安装（版本是否正确），Android SDK 是否安装。这三个软件如果没有安装的话，建议手动下载安装，可以加快速度，如果安装了， 但是大模型在检查的时候没有检查到那也要提醒它，已经安装了，防止找不到软件，拖慢制作app的速度。

然后检查是否配置国内镜像。

第三步，大模型按计划对网站进行打包，不用自己再操作什么了。

具体是项目初始化、迁移现有代码（已做好的网站）、配置 Capacitor、Android 项目配置、构建 APK、测试和优化。

然后一个apk的软件就成功制作好了。

下面是我制作的app链接，有兴趣的可以下载体验。

我用夸克网盘给你分享了「数学小达人.apk」，点击链接或复制整段内容，打开「夸克APP」即可获取。

/~445a3YL27m~:/

链接：https://pan.quark.cn/s/ed6d838eba9c?pwd=BxpH

提取码：BxpH

经过这一系列的折腾，我现在不仅拥有了自己的app，还掌握了制作app的方法。AI牛逼！