Claude Code 新手第一课:从启动到完成首次代码修改(保姆级图文)

第三章. 你的第一个 Claude Code 会话

环境配置完成,现在是最激动人心的时刻——启动 Claude Code,完成你的第一次对话。

但在此之前,我要先教你一个最重要的技能:如何 “后悔”

3.1. 启动与交互界面

进入项目目录

Claude Code 需要在项目根目录下运行,这样它才能理解你的项目结构。

启动 Claude Code

1
claude

启动后,你会看到一个交互式提示符:

image-20260105133431882

这个 就是你的输入提示符,类似于 Shell 的 $>


3.2. 第一个任务:让 Claude 理解你的项目

在让 Claude 写代码之前,最好先让它 “读一遍” 你的项目,建立上下文。

输入你的第一个指令

1
/init

Claude 会开始扫描你的项目文件,分析 package.jsonREADME.md、目录结构等,然后给出一个摘要,摘要通常来说叫做“Claude.md

3.3. 第一次代码修改

现在让我们给 Claude 一个具体的编码任务。

下达指令

1
› 创建一个简单的 Express 服务器,监听 3000 端口,有一个 GET /hello 接口返回 "Hello, Claude!"

Claude 的响应流程

Claude 会经历以下几个步骤:

步骤 1:规划

1
2
3
4
5
6
7
我将执行以下操作:
1. 安装 express 依赖
2. 创建 server.js 文件
3. 编写服务器代码
4. 创建启动脚本

是否继续?[y/n]

步骤 2:等待你的批准

这是 Claude Code 的核心安全机制——任何会修改文件或执行命令的操作,都需要你明确批准

输入 y 并回车。

步骤 3:执行操作

1
2
3
4
5
✓ 执行命令:npm install express
✓ 创建文件:server.js
✓ 修改文件:package.json(添加 start 脚本)

所有操作已完成。你可以运行 npm start 启动服务器。

步骤 4:验证结果

按照 Claude 的提示,运行服务器:

1
npm start

打开浏览器访问 http://localhost:3000/hello,你应该能看到 Hello, Claude!

生成的代码

让我们看看 Claude 生成的 server.js

代码简洁、清晰,符合 Express 的最佳实践。