认识主界面
这一章解决什么问题
帮助你理解 Zed 的界面布局、各区域功能，以及如何高效导航。
资料来源
- Zed 官方文档 - Project Panel
- Zed 官方文档 - Command Palette
- Zed 官方文档 - Status Bar
- 社区经验：界面操作路径基于 Zed v0.176+ Windows 版本实测
你会在什么时候用到它
- 第一次打开 Zed，不知道各区域是什么
- 找不到某个面板或功能入口
- 想自定义界面布局
Zed 主界面概览
+---------------------------------------------------------------+
| 标题栏 [菜单] 项目名称 [搜索] [分享] [设置] [-口X] |
+---------------------------------------------------------------+
| +-----------+ +-----------------------------------+ +-------+ |
| | | | | | | |
| | 项目面板 | | 编辑器区域 | | 辅助 | |
| | (文件树) | | | | 面板 | |
| | | | [标签页] | | | |
| | | | | | | |
| | | | 代码编辑区域 | | | |
| | | | | | | |
| +-----------+ +-----------------------------------+ +-------+ |
| +-------------------------------------------------------------+|
| | 底部面板（终端 / Git / 诊断） ||
| +-------------------------------------------------------------+|
| +-------------------------------------------------------------+|
| | 状态栏：[Git分支] [行号:列号] [语言] [编码] [换行符] [通知] ||
| +-------------------------------------------------------------+|
+---------------------------------------------------------------+注意：以上 ASCII 示意图仅供参考，实际界面以你的 Zed 版本为准。
各区域详解
1. 标题栏
包含窗口控制按钮和常用操作入口：
- 菜单按钮：访问文件、编辑、视图等菜单
- 项目名称：当前打开的项目名称
- 搜索图标：快速打开文件或搜索
- 设置图标：打开设置
2. 项目面板（Project Panel）
位于左侧（默认），显示项目文件树：
- 文件树：浏览、打开、新建、删除文件和文件夹
- Git 状态指示：文件图标显示修改状态（M = modified, A = added 等）
- 面包屑导航：显示当前文件的路径
项目面板常用操作
| 操作 | 快捷键 | 说明 |
|---|---|---|
| 切换项目面板 | Ctrl+Shift+E 或 Ctrl+\ | 显示/隐藏左侧面板 |
| 新建文件 | 右键菜单 → New File 或 Ctrl+N | 在选中文件夹下创建 |
| 新建文件夹 | 右键菜单 → New Folder | 创建子文件夹 |
| 重命名 | 右键菜单 → Rename 或 F2 | 重命名文件/文件夹 |
| 删除 | Delete 键 | 删除文件（会确认） |
| 折叠全部 | Ctrl+K Ctrl+0 | 折叠所有文件夹 |
项目面板可移动
项目面板默认在左侧，可以拖动到右侧，或完全关闭。你也可以在 settings.json 中设置 "project_panel": {"dock": "right"}。
3. 编辑器区域
中央最大的区域，用于编辑代码文件：
- 标签页：顶部显示打开的文件标签
- 编辑器：代码编辑区域
- 面包屑：显示当前光标位置的符号路径
- ** minimap**（可选）：右侧代码缩略图
标签页操作
| 操作 | 快捷键 |
|---|---|
| 关闭当前标签 | Ctrl+W |
| 关闭所有标签 | Ctrl+K Ctrl+W |
| 切换到下一个标签 | Ctrl+Tab |
| 切换到上一个标签 | Ctrl+Shift+Tab |
| 重新打开关闭的标签 | Ctrl+Shift+T |
4. 辅助面板（右侧）
右侧可以显示多种辅助面板：
- AI Agent 面板：与 AI 对话、执行代码操作
- 聊天面板：团队协作聊天
- 诊断面板：显示项目中的错误和警告
5. 底部面板
底部可切换多种面板：
- 终端：内置命令行终端
- Git 面板：版本控制操作
- 诊断：编译错误和警告列表
- 输出：任务输出
切换底部面板的快捷键：
| 面板 | 快捷键 |
|---|---|
| 终端 | Ctrl+` |
| Git 面板 | Ctrl+Shift+G |
| 诊断 | Ctrl+Shift+M |
6. 状态栏
底部信息栏，显示：
- Git 分支：当前 Git 分支名
- 行列号：光标所在行和列
- 文件编码：如 UTF-8
- 换行符类型：LF 或 CRLF（Windows 重要）
- 语言模式：当前文件类型
- 通知图标：点击可查看通知和日志
Windows 用户注意
状态栏显示的换行符类型很重要。Windows 默认使用 CRLF，但许多项目使用 LF。Zed 通常会自动处理，但遇到问题时可在此处确认。
命令面板（Command Palette）
命令面板是 Zed 最重要的导航工具。 几乎所有操作都可以通过命令面板完成。
打开命令面板
- 快捷键：
Ctrl+Shift+P
命令面板能做什么
| 场景 | 输入关键词 | 示例 |
|---|---|---|
| 打开设置 | open settings | JSON 和 UI 两种模式 |
| 打开快捷键 | open keymap | 编辑 keymap.json |
| 切换主题 | theme | 选择暗色/亮色主题 |
| 安装扩展 | extensions | 打开扩展市场 |
| Git 操作 | git | pull, push, commit 等 |
| 运行任务 | task | 执行配置的任务 |
| 打开终端 | terminal | 新建或聚焦终端 |
快捷键记忆技巧
Zed 默认使用 VS Code 兼容键位，所以 Ctrl+Shift+P 和 VS Code 一样。如果你习惯了其他编辑器的键位，可以在设置中修改 base_keymap。
界面导航技巧
快速打开文件
Ctrl+P：按文件名模糊搜索打开文件Ctrl+T：搜索项目中的符号（函数、类、变量等）
导航历史
Alt+Left：跳转到上一个光标位置Alt+Right：跳转到下一个光标位置
面板聚焦
Ctrl+0：聚焦到项目面板Ctrl+1/Ctrl+2：聚焦到第 1/2 编辑器组Ctrl+`：聚焦到终端
常见问题
Q：项目面板不见了怎么办？
按 Ctrl+Shift+E 或 Ctrl+\ 重新打开。
Q：如何显示/隐藏 minimap？
命令面板搜索 minimap 切换，或在 settings.json 中设置：
json
{
"minimap": {
"show": "always"
}
}Q：如何分割编辑器？
右键标签页选择 split 方向，或使用快捷键：
Ctrl+K Ctrl+\：垂直分割- 详见 分屏与多光标 章节
Q：界面文字太小/太大？
Ctrl+= 放大，Ctrl+- 缩小，Ctrl+0 恢复默认。这同时影响 UI 和编辑器字体。
本章小结
- Zed 界面分为：标题栏、项目面板、编辑器、辅助面板、底部面板、状态栏
- 命令面板
Ctrl+Shift+P是万能入口 - 快速打开
Ctrl+P是最高效的文件打开方式 - 底部面板集成终端、Git、诊断等工具
- 状态栏显示 Git 分支、编码、换行符等关键信息
小练习
- 用
Ctrl+Shift+P打开命令面板，尝试搜索 "theme" 切换主题 - 用
Ctrl+P打开一个项目中的文件 - 用
Ctrl+`打开和关闭终端面板 - 查看状态栏，确认当前 Git 分支和文件编码