只有一台电脑,也能做出第一个 AI 小游戏
不要求会编程,不要求有 GitHub,也不用自己输入命令。照着下面的图文步骤做:选点子、和 AI 对话、试玩检查、拖拽上线,最后发到集市给朋友玩。

从空文件夹到朋友能打开的试玩链接
教程会记住你在这台电脑上的完成进度。软件界面以后可能更新,按钮名字略有不同没关系;每一步都写了“看到什么算成功”和“卡住了怎么办”。
选一个今天能做完的点子
约 2 分钟
第一个作品不要做“大型开放世界”。先选一个只有一个核心玩法、朋友打开 30 秒就会用的点子。点一下下面任意选项,后面的提示词会自动替你改好。
第 2 步
安装 TRAE 中国版
约 5-10 分钟
TRAE 中国版官方下载页
认准 trae.cn,不要选 trae.ai
真正可点击的橙色下载按钮就在这张图下方
教程已改用 TRAE 中国版
不再使用需要等待 Credits 发放的 Qoder。TRAE 中国版的个人方案为免费版,国内网络可以直接下载和登录。
- 点击上面的橙色按钮,打开 TRAE 中国版官方下载页。
- 先看浏览器地址:必须以 trae.cn 开头,不要进入 trae.ai 国际版。
- 点击“下载 Windows 版”;普通 Windows 电脑选择 x64。
- 下载完成后双击安装,保持默认选项一直下一步。
- 打开 TRAE 并注册或登录,然后选择“打开文件夹”。
- 看到 Builder、智能体或对话输入框中的任意一个,就可以继续第 3 步。
第 3 步
新建作品文件夹
约 1 分钟
我的第一个作品
桌面上的空文件夹
文件
打开文件夹...
- 在电脑桌面空白处点鼠标右键,选择“新建文件夹”。
- 名字写成作品名,例如“今天吃什么”。
- 回到 AI 工具,选择“打开文件夹”,选中刚建的文件夹。
- 看到左侧显示这个文件夹的名字,就可以开始。
第 4 步
把提示词交给 AI
约 10-20 分钟
请直接在当前文件夹帮我做一个可以在浏览器打开的小游戏……
作品文件夹
├─ index.html
├─ style.css
└─ game.js
下面这段已经根据你选的“今天吃什么”自动写好了。点击复制,粘贴到 AI 对话框发送,然后让它自己创建文件、运行和修复。
制作“今天吃什么”的提示词
你是我的 AI 编程搭档。我完全不懂编程,请直接在当前空文件夹里帮我做一个可以在浏览器打开的“今天吃什么”。 作品类型:小工具 核心想法:输入预算和口味,随机推荐一顿饭,还能重新抽取。 必须做到: 1. 使用 HTML、CSS、JavaScript 做成一个完整网页,第一层必须有 index.html。 2. 电脑和手机都能正常使用,所有按钮都真的可以点击,文字不能重叠或超出屏幕。 3. 视觉要简洁、有趣、有完成度,不要只放几行文字;加入清晰的开始、重新开始和结果反馈。 4. 不要使用需要付费密钥、数据库、服务器或 VPN 的功能;图片、音效和代码都放在项目文件夹里或使用可直接访问的资源。 5. 完成后请自己启动并测试,修复报错,至少完整走一遍主要操作流程。 6. 不要让我手动写代码或执行命令。需要运行、安装、创建文件或修复时,请你直接完成。 7. 先做出能玩的第一版,再问我最想改哪三处。 现在开始创建文件并完成第一版。
第 5 步
自己完整玩一遍
约 5 分钟
按钮能点
规则正确
可以重来
先别急着发布。像普通玩家一样从头玩一次,逐项检查:
发现问题时不用解释技术原因,直接对 AI 说:“我点击开始后没有反应,请你自己复现、找到原因、修好并重新测试。”
第 6 步
让 AI 生成发布包
约 3-8 分钟
publish
├─ index.html
├─ assets/
└─ cover.png
publish.zip
第一层有 index.html
作品满意后,把这段发给同一个 AI。它会在原作品旁边生成 publish 文件夹、publish.zip 和发布文案。
生成发布包的提示词
请帮我把现在这个作品整理成可以发布的网页包。我完全不懂代码,请你直接完成并检查,不要只告诉我步骤。 要求: 1. 不要修改、删除或覆盖源程序已有文件,只新增 publish 文件夹、publish.zip 和 发布信息.md。 2. 网页版本必须尽可能保留现在的玩法、界面、文案、按钮、分数、动画、图片和音效。 3. publish 文件夹第一层必须有 index.html,所有 CSS、JS、图片和音效使用相对路径。 4. 把 publish 文件夹内容压缩成 publish.zip。打开 zip 后第一层必须直接看到 index.html,不能再套一层 publish 文件夹。 5. zip 内部路径必须使用 /,不能出现 Windows 反斜杠 \ 或 : * ? " < > | 等非法字符。 6. 请实际打开并试玩网页,对照原程序检查首屏、主要操作、规则、文案、按钮、资源、动画和音效。 7. 生成 发布信息.md,写好作品标题、一句话介绍、详细介绍、分类、关键词、AI 工具和封面图建议。 8. 最后告诉我 publish.zip 的具体位置、zip 内文件列表,以及与原程序仍存在的差异。 如果无法运行或观察源程序,请停止打包并明确告诉我“无法保证完全一致”,不要假装已经完成。
第 7 步
拖到 EdgeOne 生成试玩链接
约 3 分钟
publish.zip
拖到这里
- 点击下面按钮打开 EdgeOne Pages Drop。
- 把刚生成的 publish.zip 拖进页面中间的上传区域。
- 等待上传和部署完成,不要中途关闭页面。
- 打开生成的网址,自己再试玩一次。
- 复制浏览器地址栏里的 https:// 链接。
第 8 步
回到集市发布作品
约 3 分钟
- 打开“发布作品”,选择“我有一个链接”。
- 从 发布信息.md 复制标题、介绍、分类和关键词。
- 把 EdgeOne 生成的网址粘贴到“作品试玩链接”。
- 拖入一张能看清真实界面的封面图。
- 点击发布,作品会立即出现在你的个人主页和试玩广场。
别追求一次做完,先让朋友真的玩到
第一版被朋友玩过、收到一句真实反馈,比一个永远没发布的“大项目”更有价值。下一版只改最影响体验的三件事。