最新案例动态,请查阅基于华为开发者空间 - 云开发环境(容器)部署Claude Code实现飞机大战游戏。小伙伴们快来进行实操吧!

一、概述

1.1 适用对象

  • 个人开发者
  • 高校学生

1.2 案例流程

Claude Code 是一款专注于编程和软件开发的人工智能助手,它专为开发者设计,具备强大的代码理解、生成和调试能力,支持数十种编程语言和主流开发框架。Claude Code 能够智能理解代码上下文,提供精准的代码补全、错误修复和性能优化建议。其特色功能包括实时代码解释、自动化重构、智能调试辅助和详细的技术文档生成。无论是前端开发、后端架构还是数据科学项目,它都能提供专业级的技术指导。该工具深度集成现代开发工作流,支持复杂的多文件项目管理,能够理解项目结构和依赖关系。同时注重代码安全性和最佳实践,帮助开发者编写更健壮、可维护的代码。Claude Code 以其准确的技术响应和深入的编程见解,成为提升开发效率和代码质量的重要助手。

本案例将基于华为开发者空间开发平台 - 云开发环境(容器)部署Claude Code,结合华为云MaaS平台商用大模型Tokens福利搭建AI编程助手,并使用Claude CodeI编程助手实现飞机大战游戏。

说明:

  1. VS Code远程连接云开发环境(容器);
  2. 安装部署Claude Code,领取华为云MaaS平台商用大模型Tokens,配置供应商模型;
  3. 模型对话,构建飞机大战游戏;
  4. 浏览器访问,体验飞机大战游戏。

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

继续执行命令,安装jqxdg-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实现飞机大战游戏案例结束,各位小伙伴快来华为开发者空间体验吧。

反馈改进建议

如您在案例实操过程中遇到问题或有改进建议,可以到论坛帖评论区反馈即可,我们会及时响应处理,谢谢!

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐