基于华为开发者空间 - 云开发环境(容器)部署Claude Code实现飞机大战游戏
本案例将基于华为开发者空间开发平台 - 云开发环境(容器)部署Claude Code,结合华为云MaaS平台商用大模型Tokens福利搭建AI编程助手,并使用Claude CodeI编程助手实现飞机大战游戏。
最新案例动态,请查阅基于华为开发者空间 - 云开发环境(容器)部署Claude Code实现飞机大战游戏。小伙伴们快来进行实操吧!
一、概述
1.1 适用对象
- 个人开发者
- 高校学生
1.2 案例流程
Claude Code 是一款专注于编程和软件开发的人工智能助手,它专为开发者设计,具备强大的代码理解、生成和调试能力,支持数十种编程语言和主流开发框架。Claude Code 能够智能理解代码上下文,提供精准的代码补全、错误修复和性能优化建议。其特色功能包括实时代码解释、自动化重构、智能调试辅助和详细的技术文档生成。无论是前端开发、后端架构还是数据科学项目,它都能提供专业级的技术指导。该工具深度集成现代开发工作流,支持复杂的多文件项目管理,能够理解项目结构和依赖关系。同时注重代码安全性和最佳实践,帮助开发者编写更健壮、可维护的代码。Claude Code 以其准确的技术响应和深入的编程见解,成为提升开发效率和代码质量的重要助手。
本案例将基于华为开发者空间开发平台 - 云开发环境(容器)部署Claude Code,结合华为云MaaS平台商用大模型Tokens福利搭建AI编程助手,并使用Claude CodeI编程助手实现飞机大战游戏。
说明:
- VS Code远程连接云开发环境(容器);
- 安装部署Claude Code,领取华为云MaaS平台商用大模型Tokens,配置供应商模型;
- 模型对话,构建飞机大战游戏;
- 浏览器访问,体验飞机大战游戏。
1.3 资源总览
本案例预计花费1元。
| 资源名称 | 规格 | 单价(元) | 时长(分钟) |
|---|---|---|---|
| 华为开发者空间开发平台 - 云开发环境(容器) | 鲲鹏通用计算增强型 kc1 | 4vCPUs | 8G | HCE | 免费 | 90 |
| 华为开发者空间 - DeepSeek-R1/V3千万Tokens代金券 | DeepSeek-R1-64K/DeepSeek-V3-64K | 1.00 | 90 |
二、环境和资源准备
2.1 领取华为云MaaS平台商用大模型Tokens福利
登录华为开发者空间,参考案例《华为云MaaS平台商用大模型Tokens领取使用指导》中的“二、 领取MaaS平台商用大模型Tokens”章节内容,领取MaaS平台DeepSeek-V3商用大模型Tokens代金券,购买ModelArts Studio DeepSeek Tokens套餐包,开通商用模型服务,最后获取到模型的API地址、模型名称和API Key。
注意:记录API Key、API地址以及模型名称留作后面步骤使用。
2.2 远程连接云开发环境(容器)
参考案例《华为开发者空间 - 云开发环境(容器)IDE插件远程连接操作指导》中的“二、云开发环境IDE插件远程连接操作指导”的内容,完成“1. 安装插件” ~ “4. 连接”章节步骤。完成连接之后的状态:
2.3 安装部署Claude Code
2.3.1 基础环境准备
完成云开发环境(容器)的远程连接后,在VS Code打开Terminal窗口,执行如下命令,完成系统环境更新。
# 创建仓库目录(如果不存在)。
mkdir -p /etc/yum.repos.d
# 配置华为云 EulerOS 2.0 官方仓库
cat > /etc/yum.repos.d/hce.repo << 'EOF'
[hce]
name=Huawei Cloud EulerOS
baseurl=https://mirrors.huaweicloud.com/hce/2.0/os/aarch64/
enabled=1
gpgcheck=1
gpgkey=https://mirrors.huaweicloud.com/hce/2.0/os/aarch64/RPM-GPG-KEY-HCE
EOF
# 系统环境更新
sudo yum update -y
继续执行命令,安装jq和xdg-utils:
sudo yum install jq
sudo yum install xdg-utils
2.3.2 安装环境检查
继续执行命令,进行安装环境检查。
curl -fsSL https://download.aicodemirror.com/env_deploy/env-install.sh | bash
2.3.3 安装Claude Code
执行Claude Code和Router安装命令。
npm install -g @anthropic-ai/claude-code
npm install -g @musistudio/claude-code-router
注:Claude Code Router (CCR) 是一个开源工具,它作为中间件或“智能交通枢纽”,为 Anthropic 官方的 Claude Code(专注于代码开发的AI助手)增加了路由能力。它的核心价值是打破Claude Code只能使用Claude模型的限制,让你可以根据任务需求灵活调用不同厂商的模型,在优化成本的同时提升效率。
执行如下命令,运行Claude Code Router。
ccr ui
2.3.4 配置供应商模型
Claude Code Router启动后,在浏览器中打开:http://127.0.0.1:3456/ui/,进入供应商模型配置页面。
在供应商模型配置页面,点击页面上的添加供应商按钮,参考如下参数配置供应商模型。然后在右侧的路由板块选择设置模型路由,最后点保存并重启。
- 名称:可根据实际需求自行定义,样例:
华为云MaaS平台。 - API完整地址:步骤“2.1 领取华为云MaaS平台商用大模型Tokens福利”中最后获取到的模型的API地址;
- API密钥:步骤“2.1 领取华为云MaaS平台商用大模型Tokens福利”中最后获取到的模型的API Key;
- 模型:步骤“2.1 领取华为云MaaS平台商用大模型Tokens福利”中最后获取到的模型的模型名称;
- 供应商转换器/模型转换器:选择deepseek。
2.4 启动Claude Code
完成上述配置后,执行如下命令,启动Claude Code。
ccr code
Claude Code启动后,询问获取当前/workspace目录的读写权限。选择Yes,proceed,然后回车下一步。
进入Claude Code欢迎页面。
对话框输入问题:“你好,请介绍一下你自己”,Claude Code正常答复。
三、Claude Code构建飞机大战游戏
3.1 构建飞机大战游戏应用
在终端窗口Claude Code对话框中输入如下问题,编程助手自动构建应用。
使用python生成一个通过Web页面可视化的飞机大战游戏应用
Claude Code识别本地目录,创建工程,然后直接开始编写完整的游戏代码。
- 创建HTML模板文件,辨析游戏界面和Canvas渲染逻辑代码。
- 创建requirements.txt文件,管理Python依赖。
- 创建启动脚本run_game.py和说明文档README.md。
- 最后,创建Dockerfile,以便用户可以使用Docker运行游戏 。
3.2 运行启动应用
飞机大战游戏应用本地工程创建完成后,根据说明文档提示安装依赖,启动程序,然后在浏览器中打开应用。
游戏正常运行。
注:因为飞机大战游戏是Agent自动生成的,每次提问所设计生成的代码及最后的运行结果均存在出入,开发者可根据自己的需求,调教模型生成自己想要的结果。(案例代码下载地址)
至此,基于华为开发者空间 - 云开发环境(容器)部署Claude Code实现飞机大战游戏案例结束,各位小伙伴快来华为开发者空间体验吧。
反馈改进建议
如您在案例实操过程中遇到问题或有改进建议,可以到论坛帖评论区反馈即可,我们会及时响应处理,谢谢!
更多推荐

所有评论(0)