1、前言

Claude Code 是一个运行在终端中的 AI 代理工具,直接与开发环境集成,无需额外服务器或 IDE 插件。用户通过自然语言描述任务,Claude  即可理解代码库上下文并执行操作(如编辑文件、运行测试、处理 Git 流程等)。随着deepseek-V3.1的发布,现在国内的小伙伴可以不用翻墙了,直接调用deepseek提供的接口使用,很方便,赶快来体验吧。

2、配置Claude code 使用环境

首先安装nodejs,建议版本20以上,具体安装请各自搜索,建议配置国内映像库,这样更新第三方库方便快速。

然后全局安装:通过npm执行命令npm install -g @anthropic-ai/claude-code
 

设置环境变量,打开cmd,执行如下命令,其中your DeepSeek API Key为你自己的api key

setx ANTHROPIC_BASE_URL "https://api.deepseek.com/anthropic"
setx ANTHROPIC_AUTH_TOKEN "your DeepSeek API Key"
setx ANTHROPIC_MODEL "deepseek-v4-pro[1m]"
setx ANTHROPIC_DEFAULT_OPUS_MODEL "deepseek-v4-pro[1m]"
setx ANTHROPIC_DEFAULT_SONNET_MODEL "deepseek-v4-pro[1m]"
setx ANTHROPIC_DEFAULT_HAIKU_MODEL "deepseek-v4-flash"

3、使用Claude Code

首先我们会创建一个空目录Claude-test1,在VS Code打开。在终端中输入claude即可启用Claude Code终端命令行。

输入/init命令,输入后我们会创建一个CLAUDE.md 文件。

CLAUDE.md 是 Claude Code 的核心配置文件,它会被自动读取并加入到上下文中。这个文件应该包含:

项目基础信息和架构说明;

常用命令和构建脚本;

代码规范和约定;

测试指南;

开发环境配置;

其他必要的上下文信息(可通过 @path/to/import 来引用项目文件)。

目前只是生成一个空的框架文件,下面我用一个游戏项目来填充CLAUDE.md 文件

3.1、需求编写

接下来我们先写一个需求,然后让claude code生成PRD文档,命令行中输入如下需求:

我需要生成一个打地鼠的游戏,大致的需求内容如下"你的任务是使用 HTML、CSS 和 JavaScript 创建一个简单的网页版“打地鼠”游戏。以下是游戏的详细规则:
  1. 游戏界面是一个 4x4 的网格。
  2. 每隔 1 - 2 秒,会有一只“地鼠”随机出现在一个格子里。
  3. 玩家点击“地鼠”即可得分,分数需要实时显示。
  4. 游戏包含一个“开始/重新开始”按钮和一个 30 秒的倒计时。
  请将实现上述功能的所有代码打包到一个 index.html 文件中。在编写代码时,要确保结构清晰,逻辑正确,并且代码具有良好的可读性。
  请在标签内写下完整的 index.html 文件代码"
 
  以上需求先帮我生成PRD文档,并结合CLAUDE.md。先不要写代码,先把需求整理出来。

生成的PRD.md文档如下:
 

# PRD:打地鼠游戏 (Whac-a-Mole)

## 1. 项目概述

一个基于 HTML、CSS、JavaScript 的单文件网页版"打地鼠"小游戏。所有代码打包在一个 `index.html` 文件中,直接在浏览器打开即可游玩。

## 2. 功能需求

### 2.1 游戏界面

- **网格布局**:4×4 共 16 个格子
- **地鼠显示**:地鼠随机出现在某个格子中,有明显的视觉区分(如颜色、图标或 emoji)
- **计分板**:实时显示当前得分,数字随点击即时更新
- **倒计时**:显示剩余时间,精确到秒
- **控制按钮**:包含一个"开始/重新开始"按钮

### 2.2 游戏核心逻辑

| 需求项 | 详细描述 |
|--------|----------|
| 地鼠出现间隔 | 每隔 1 ~ 2 秒随机出现(间隔每次随机) |
| 出现位置 | 在 4×4 网格中随机选择一个格子 |
| 点击得分 | 玩家点击地鼠所在格子,得 1 分 |
| 重复出现 | 地鼠消失后,按间隔在下一个随机位置出现 |

### 2.3 游戏流程

1. **初始状态**:游戏未开始,网格为空,分数为 0,倒计时显示 30 秒
2. **点击"开始"**:倒计时从 30 秒开始倒数,地鼠开始随机出现
3. **进行中**:玩家点击地鼠得分,倒计时持续减少
4. **游戏结束**:倒计时归零,地鼠不再出现,显示最终得分
5. **重新开始**:点击按钮重置分数和倒计时,重新开始游戏

### 2.4 边界条件

- 倒计时结束后,点击格子不再得分
- 游戏中不能重复点击同一只地鼠多次得分(点击后地鼠立即消失,等待下次出现)
- 点击没有地鼠的格子不得分也不扣分
- 在游戏进行中再次点击"开始"按钮,应当重新开始游戏
- 同一时刻最多只有一只地鼠

## 3. 技术约束

- **单文件**:所有 HTML、CSS、JS 写在一个 `index.html` 文件中
- **无外部依赖**:不使用任何第三方库或框架
- **浏览器兼容**:支持主流现代浏览器(Chrome、Firefox、Edge)
- **代码规范**:结构清晰,命名语义化,逻辑可读

## 4. 设计参考

- 4×4 网格居中显示
- 格子有明显的边框和间距
- 地鼠用醒目的视觉元素表示(建议使用 emoji 🐹 或彩色圆形)
- 按钮样式友好,有 hover 效果
- 分数和倒计时字体较大,便于查看

## 5. 文件结构

```
Claude-test1/
├── CLAUDE.md          # 项目指导文件
├── PRD.md             # 本需求文档
└── index.html         # 游戏代码(待实现)
```

## 6. 验收标准

- [ ] 页面显示 4×4 网格,共 16 个格子
- [ ] 点击"开始"后,倒计时从 30 开始递减
- [ ] 每隔 1~2 秒,地鼠随机出现在一个格子中
- [ ] 点击地鼠格子,分数 +1
- [ ] 点击空格子,无变化
- [ ] 倒计时归零后,游戏停止,地鼠不再出现
- [ ] 点击"重新开始"可以正常重置游戏
- [ ] 代码为单个 index.html 文件,可直接在浏览器打开

3.2、代码生成

接下来我们继续让AI帮我们开发,在命令窗口输入下面语句:

@PRD.md 请基于上面PRD.MD文档生成代码,以测试驱动为开发流程,完成上面的代码。

代码生成 完成,可以打开浏览器看看游戏界面效果:

这样打地鼠的游戏就已经做好了!

4、总结

总的来说,Claude Code 为开发者提供了一个便捷、高效的编程辅助工具,能够显著提升编程效率。感兴趣的小伙伴可以按照本文步骤去尝试使用 Claude Code,开启高效编程之旅吧。
 

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐