作者简介：围巾哥萧尘，Rails 全栈工程师，2025年稀土掘金工具类优质作者第十三期排行榜第一名，字节跳动 2025 年 AI FOR CODE 比赛优秀奖获得者。
1、视频教程地址：「掌握Trae IDE」 第十三课：Trae + Godot + Vercel：8 分钟教会你 H5 游戏部署🧣
2、飞书转载授权：「游戏开发」Trae + + Godot + Vercel，三步完成游戏开发和部署🧣
最终打砖块游戏部署效果
第一步：游戏开发
1、GodotMCP 环境搭建
使用Trae + GodotMCP + Godot 完成本地游戏开发
{
"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、构建远端仓库
推送远端仓库
