从零开始踩坑7：本地开发TraeIDE部署教程

一、这份教程适合什么样的人？

如果你在使用 taptap 制造时，遇到了下面这些问题，那么你适合继续阅读这份教程：

1.在开发游戏时需要微调代码，甚至是大幅度重写，但是 taptap 制造只能用自然语言，改代码感觉特别麻烦。

2.稍微能看懂一点代码，想要精确调整游戏中的参数，但用自然语言告诉 AI，总是无法精确调整。

3.游戏体量较大，光靠自然语言无法完成开发工作，需要将游戏拆分成不同的模块，分别进行开发和维护。

如果你并没有遇到这些问题，也没有任何编程方面的基础，只是想做一些简单的小游戏的话，那么建议您换一个教程查看。

您可以去看 Work Buddy 或者 Trae Work 的本地部署教程，这两个工具是适合没有编程基础的小伙伴使用的，而 Trae IDE 更适合有编程基础，或者愿意学习编程的小伙伴使用。

好，那么话不多说，直接开始 Trae IDE 的本地部署教程吧。

二、下载与安装 Trae IDE（Windows 版）

电脑打开浏览器，访问 https://www.trae.cn/ 国内官方网站。

点击右下角“下载 TRAE IDE”按钮，开始下载安装包Trae-CN-Setup-x64.exe。

双击下载完成的Trae-CN-Setup-x64.exe文件，启动安装向导。

在“许可协议”页面，勾选“我接受许可协议”，点击“下一步”。

在“选择安装位置”页面，点击“浏览”按钮，选择非系统盘新建文件夹（例如D:\Trae），避免占用系统盘存储空间，确认安装路径无中文、无特殊字符，点击“下一步”。

接下来一路点击“下一步”，直到安装完成。

三、首次启动 Trae IDE 完成基础环境初始化

首次启动需完成基础环境初始化，这个过程很简单，全程都有提示，根据自己的需求选择即可。

启动成功，弹出登录窗口，点击“手机号登录”按钮，输入常用手机号码，获取短信验证码，输入验证码后点击“登录”。

登录成功后，系统会自动同步国内服务节点配置，进入 Trae IDE 主界面。

四、开始本地部署流程

在正式开始本地部署前，您需要先让自己的电脑能够连接到网外，否则后续会因为网络问题卡住。

网络问题如何解决，考虑到合规性的问题，本篇教程不涉及。

网络问题解决后，在 Trae IDE 主界面点击左上角切换按钮，切换为 SOLO 模式，在这个模式下我们可以使用自然语言与 Agent 对话。

接下来将下面这段内容直接丢给 Agent，等待 Agent 自动完成本地部署的全流程，过程中它会问您一些问题。

----------复制粘贴----------

一、安装 Maker MCP

npx -y @taptap/maker install --ide codex,cursor,claude

部分 Agent 安装后，可能需要重新启动

二、初始化项目

选择一个空白的本地目录作为项目目录，在目录中执行：

npx -y @taptap/maker init

----------------------------

本地部署完成后，您应该已经可以看到项目的完整目录了，其中游戏的主体文件一般存放在 scripts 文件夹下，资源文件一般存放在 assets 文件夹下。

五、本地预览、推送代码与获取代码。

接下来，我们还有3个问题要解决：

第一，在本地预览游戏。

告诉 Agent 您希望本地预览游戏，让它先出方案，选择适合的方案即可。

过程中可能会经常报错，如果错误情况是以文本内容呈现，将错误复制给 Agent 修改；如果错误情况无法复制，那就用微信截图，把图片发给它进行修改。

这里有个小技巧，你可以让 Agent 把预览游戏的相关代码封装到一个单独的文件中，后续直接点击这个文件就能预览游戏了。

第二，推送代码至 taptap 仓库。

在本地修改项目代码以后，要如何将修改完的代码推送至 taptap 仓库，让网页版的 taptap 制造更新过来呢？

告诉 Agent 您想“远端构建一下”，让它先出方案，觉得适合再执行，最后封装到一个单独的文件中，以后点击文件就能完成推送。

这里需要注意，如果在推送完成后 taptap 仓库的代码已经更新了，但是网页上还没有更新。

这时需要先登录网页版 taptap 制造，选择你正在开发的那一个游戏，进入对话后，对话框的右上角有一个“发布”按钮。

点击发布，进入发布页面，你会看到有一个二维码的旁边有“更新测试版”的按钮，点击按钮后，等待更新完成，这时网页版的预览窗口才会更新过来。

第三，获取代码至本地。

在网页版更新过来后，你可以在网页上继续进行开发工作，但网页上改完后，又该怎么更新到本地呢？

很简单，和之前一样让 Agent 封装一个获取代码的功能，存放到到一个单独文件中。

网页版如果有改动，本地这边就运行一下这个文件，让本地的代码更新为最新代码，这样就能实现本地与网页版共同开发一个项目了。

好啦，本期的教程到这里就结束啦。