
作者简介:围巾哥萧尘,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 游戏地址
