0基础用trae开发手机App,从想法到安装使用

大家好，我是AI淇橦学。

好长时间没有写教程类文章了，今天来一篇vibe coding的小白篇。

想做个App，但完全不会编程？

这样的想法有没有在脑子里转了很久了。每次刷到各种效率工具、习惯打卡App，都在想：其实我也能做啊，我甚至知道该做成什么样。

问题是，我不会写代码。

也去了解过，说要学Java、学Android、学前端框架…光是看那些学习路线图就把你劝退了吧。只是想做个自己的小工具，又不是要转行当程序员。

直到最近发现，用trae就可以零基础做App。

不是那种”拖拽式”的低代码平台，而是让trae帮你写真正的代码，你只需要描述清楚你想要什么。

走一遍流程，从想法到能在自己手机上运行的安装包，确实可行。

把整个过程整理出来，如果你也有类似的想法，可以照着试试。

传统开发 vs AI开发

先说一下为什么现在这件事变简单了。

核心变化是：你负责想法和描述，AI负责写代码和调试。

你仍然需要理解一些基本概念，但不需要能亲手写代码。

第一步：工具三件套

只需要三款工具，全部免费。

三者的关系：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
┌──────────────┐
│   你的想法   │
└──────┬───────┘
       │ 描述
       ▼
┌──────────────┐
│  Trae (AI)   │ → 写出代码
└──────┬───────┘
       │ 复制
       ▼
┌──────────────┐
│  HBuilderX   │ → 运行、调试、打包
└──────┬───────┘
       │ 预览
       ▼
┌──────────────┐
│ MuMu模拟器   │ → 看到App运行效果
└──────────────┘

先全部下载安装好，接下来我们一步步来。

第二步：启动模拟器

首先需要一个环境来运行和测试App。

为什么需要模拟器？

• 不用每次都打包到真机：打包很慢，模拟器几秒就能看到效果

• 调试方便：出问题能马上看到错误信息

• 免费：不用买测试机

MuMu模拟器设置：

1. 打开MuMu模拟器

2. 点击左上角“新建设备”

3. 选择”竖屏”，创建即可

4. 保存并运行模拟器

启动后，它就像一台手机在你电脑上运行。

第三步：创建项目

1.打开 HBuilderX，创建你的第一个App项目。

1. 点击左上角 文件 → 新建 → 项目

2. 选择 uni-app 项目类型

3. 填写项目信息：

• 项目名称：比如”我的第一个App”

• 模板：选择 默认模板

4. 点击”创建”

2、填写项目名称、点击创建；这个地方你可以根据自己的需求去创建。

3、回到主界面，选择index.html，点击 运行，选择，4 运行到Android App基座(D)

4、在这个界面中，就可以直接搜索到MUMU模拟器，选择即可

第四步：让Trae写代码（核心）

1.打开trae，进入我们在HBuilder中创建的项目文件夹里面，并且进入solo模式。

2.在提示框中输入“根据这个框架帮我制作一个安卓的习惯打卡app”，这里我用最简单的去进行演示了。你想做什么软件，可以根据自己需要进行。

3、完成后效果如下，右边为模拟器显示效果

4、如果出现bug，就根据HBuilder中下方出现的红色错误，复制粘贴到trae中，让它进行修复。

PS：
Trae的原理：你用自然语言描述你想要什么，它帮你生成代码。

怎么描述需求？

越具体越好。一个好的需求描述应该包含：

• 这个App是干什么的

• 有哪些功能

• 页面长什么样

• 用户怎么操作

第五步：运行测试

当Trae生成代码后，你就可以直接查看MUMU模拟器，直接显示

• 一个手机App界面

• 可能有点简陋，但功能是有的

  

第六步：调试和修复

90%的情况，第一次运行不会完美。

可能会有这些问题：

关键：善用Trae

你不需要自己研究代码，把问题描述清楚，让Trae帮你改。

改完代码 → HBuilderX会自动刷新 → 立即看到效果。

循环这个过程，直到满意为止。

第六步：云打包

App在模拟器上没问题后，就可以打包成安装包了。

什么是云打包？

就是把你的代码上传到DCloud的服务器，他们帮你编译成可以在手机上直接安装的文件（.apk）。

操作步骤：

1. 在HBuilderX中，右键项目

2. 选择 发行 → 原生App-云打包

3. 选择：

• 平台：Android

• 包名：比如 com.mycompany.myapp（随便写，但格式要对）

4. 点击”打包”

   

   等待几分钟，打包完成后会自动下载 .apk 文件。

第七步：安装到手机

把 .apk 文件传到你的手机上：

• 可以先压缩安装包，再用QQ或微信传给自己，

• 可以用数据线

• 可以上传到网盘

在手机上点击这个文件，就会提示安装。

安装后，你的桌面上就会出现这个App。

打开它，这就是你做出来的东西。

可以做什么样的App？

用这个方法，你能做：

✅ 工具类App：计算器、单位转换、记账本
✅ 习惯打卡：阅读打卡、运动记录、喝水提醒
✅ 信息展示：个人作品集、公司介绍、产品目录
✅ 简单游戏：猜数字、问答游戏、记忆卡片
✅ 学习工具：单词卡片、公式查询、错题本

暂时不太适合：

• ❌ 需要实时通讯的（聊天软件）

• ❌ 需要复杂后端的（短视频平台）

• ❌ 对性能要求极高的（3D游戏）

但对于个人使用、小团队内部工具、创业MVP，完全够用。

写在最后

我现在的感受是：

技术的门槛确实在降低。

以前做一个App，需要系统学习几个月。现在，只要你能把想法说清楚，AI能帮你搞定大部分技术细节。

这不是说”人人都能成为程序员”，而是说：

• 你有个想法，你可以自己把它做出来

• 不需要找朋友帮忙

• 不需要花钱外包

• 想改随时改

这很重要。

下一步建议

如果你也想试试，建议：

1. 从简单的开始：先做一个”待办清单”或”记账本”

2. 不要追求完美：第一版丑点没关系，先跑通流程

3. 多试几次：第一次肯定手忙脚乱，做两三个就熟练了

有什么问题随时问我，或者把遇到的问题发出来，我帮你看看怎么解决。

想法很廉价，执行才值钱。

把脑海里的App做出来，哪怕很简陋，也比你想象中更有成就感。

关注公众号「AI淇橦学」，和 AI 一起成长。

有问题或建议？后台留言即可。