1.3 界面介绍
终端布局总览
Claude Code 是一个终端原生工具,启动后会占据整个命令行界面。与传统 IDE 不同,它以对话为中心,将 Claude 的思考过程、工具调用、执行结果实时展示在同一界面中。
核心工作区
Claude Code 的终端界面分为以下几个区域:
状态栏(Status Bar)
位于界面底部或顶部,显示当前会话的关键信息:
- 模型名称:当前使用的 Claude 模型(如 Sonnet 4、Opus 4)
- Token 计数器:显示当前上下文已使用的 Token 数量,按
Ctrl+O可查看详细信息 - 会话状态:空闲(Idle)、思考中(Thinking)、执行中(Running)
- 工具模式:当前是否处于只读模式或允许写操作
对话区(Conversation Area)
Claude 输出内容的主要区域,显示:
- Claude 的思考过程(Thinking)——用斜体或特殊样式区分
- 工具调用结果(File edits, Bash output, Search results 等)
- 最终回复和建议
输入区(Input Area)
底部提示符区域,输入你的指令或回复。输入内容会实时显示在界面上。
智能体循环(Agent Loop)
Claude Code 的核心工作机制是一个自动化的三阶段循环:
- 收集上下文( Gather Context):读取相关文件、搜索代码、理解项目结构
- 采取行动( Take Action):编写代码、执行命令、修改文件、调用 API
- 验证结果( Verify Results):检查操作是否符合预期、运行测试、确认文件变更
当一个任务完成后,Claude 会自动停止并等待你的下一步指令。如果是复杂任务(比如重构整个模块),Claude 会持续循环这三个阶段直到任务完成。
工具类型一览
Claude Code 内置了五大类工具,通过这些工具与你的项目进行交互:
| 工具类别 | 功能说明 |
|---|---|
| 文件操作 | Read(读取)、Edit(编辑)、Write(写入)、Bash(执行命令) |
| 代码搜索 | Grep(全文搜索)、Glob(文件名匹配)、Read(按行读取) |
| 执行操作 | Bash(运行 Shell 命令)、git(版本控制) |
| 网络搜索 | WebSearch(搜索互联网)、WebFetch(抓取网页内容) |
| 代码理解 | 通过 MCP(Model Context Protocol)插件提供精确的符号导航 |
Slash 命令
在输入框中输入 / 可以触发命令补全,快速调用内置功能:
| 命令 | 功能 |
|---|---|
/help | 显示所有可用命令和快捷键说明 |
/compact | 压缩当前对话上下文,释放 Token 空间 |
/context | 显示当前 Token 使用详情和优化建议 |
/clear | 清除当前对话历史,开始新会话 |
/model | 切换使用的 Claude 模型(sonnet/opus/haiku) |
/doctor | 运行自动化诊断,检查安装、设置和 MCP 服务状态 |
/logout | 退出当前账号登录 |
/login | 重新登录账号 |
/usage | 查看当前会话的 Token 使用量估算 |
快捷键
| 快捷键 | 功能 |
|---|---|
Ctrl + G | 进入计划模式(Plan Mode),Claude 会先探索代码库再提出方案,不直接修改文件 |
Ctrl + O | 聚焦视图,显示当前提示词、一行工具摘要和最终回复的精简概览 |
Ctrl + C | 取消当前正在执行的操作 |
Ctrl + D | 退出当前 Claude Code 会话(等同于输入 /exit) |
↑ / ↓ | 在历史命令中切换 |
交互模式
代理模式(Agent Mode)
默认模式。在此模式下,Claude 会自动分析任务、执行多步操作、读写文件、运行命令,直到任务完成。你可以在任意时刻中断 Claude 的操作。
计划模式(Plan Mode)
按 Ctrl+G 激活。Claude 不会直接修改文件,而是先全面探索你的代码库,分析问题,提出详细实施方案。确认方案后,你可以让它执行,也可以自己手动实施。
计划模式特别适合以下场景:
- 大型重构任务
- 需要了解代码库结构后再行动
- 不想让 Claude 直接修改文件,希望先审核方案
只读模式(Read-Only Mode)
当 Claude Code 首次访问一个陌生的代码库时,会默认处于只读模式——它可以读取文件和搜索代码,但不会执行写操作或运行命令,直到你明确批准。
文件引用语法
与 Claude 对话时,可以用特殊语法精确引用项目中的特定内容:
| 语法 | 含义 |
|---|---|
@filename | 引用整个文件 |
@filename#10-20 | 引用文件的第 10-20 行 |
@dirname? | 列出目录内容(文件列表) |
@*.js | 匹配所有 JS 文件 |
首次使用流程
当你第一次启动 Claude Code 并指向一个项目目录时,交互流程通常是:
- Claude 分析项目结构,读取 CLAUDE.md(如存在)
- 进入只读模式,等待你描述任务
- 你描述任务后,Claude 制定执行计划
- 你确认后,Claude 执行操作(写文件、运行命令)
- 完成后返回空闲状态,等待下一步指令