「游戏开发」Trae + + Godot + Vercel，三步完成游戏开发和部署🧣

作者简介：围巾哥萧尘，Rails 全栈工程师，2025年稀土掘金工具类优质作者第十三期排行榜第一名，字节跳动 2025 年 AI FOR CODE 比赛优秀奖获得者。

1、视频教程地址：「掌握Trae IDE」第十三课：Trae + Godot + Vercel：8 分钟教会你 H5 游戏部署🧣

2、飞书转载授权：「游戏开发」Trae + + Godot + Vercel，三步完成游戏开发和部署🧣

最终打砖块游戏部署效果

第一步：游戏开发

1、GodotMCP 环境搭建

使用Trae + GodotMCP + Godot 完成本地游戏开发

json 复制代码

{
  "mcpServers": {
    "godot": {
      "command": "node",
      "args": [
        "/Users/xiaochen/Downloads/godot-mcp/build/index.js"
      ],
      "env": {
        "DEBUG": "true"
      }
    }
  }
}

重点是：文件夹的地址，不然 MCP 不能使用

2、使用智能体完成开发文档和开发

@闪电式产品经理+@闪电式技术架构师

提示词指令

A、@闪电式产品经理：

我想做一个打砖块游戏。我们使用godot4.4.1引擎。使用GDScript语言。用尽量简单的方式制作这个游戏。我希望用键盘的A和D键控制板子的左右移动，全部打完后，获得胜利的礼花。我的描述不够完善，请使用专业人士的语言，帮我完成这一份需求文档，使用闪电式开发理论，输出md的开发文档。

B、@闪电式技术架构师：

@Lightning_PRD.md 依据开发文档，完成游戏的开发。

3、本地游戏测试

4、输出 html5 网页文件

点击：选择导航条的项目＞导出＞选择Web5，新建一个Web文件夹即可完成文件的导出。

5、Servez 本地服务器测试

工具下载地址：github.com/greggman/se...

6、中文字体支持

下载地址：timothyqiu.itch.io/vonwaon-bit...

第二步：上传远端仓库

7、使用Git智能体大佬完成仓库初始化

初始化本地仓库，构建远端仓库，完成推送

8、构建远端仓库

推送远端仓库

9、提交仓库代码

仓库地址：github.com/xiaoweiruby...

第三步：部署仓库代码

10、部署 Vercel

11、在线 Web 游戏地址

游戏地址：web-project-lac-xi.vercel.app/