序言
本教程由「小荣的网络开发日志」实操整理编写，实操踩坑验证，内容真实可靠。
遇到操作问题可直接联系作者，转载需标注原文出处，禁止私自篡改商用。
承接网站、APP、小程序、各类脚本定制开发；
AI 编程教学、一对一项目全程陪跑，提供免费技术咨询。
联系方式： 微信：rongyaolg 电话：18375295913
Cursor 界面介绍
Cursor 编辑器是一款功能强大、界面相对友好的代码编辑器，适合初学者和中级开发者使用。
这一节会带你认识 Cursor 的主要界面区域。学完后，你应该能知道文件在哪里、代码在哪里写、命令在哪里运行，以及底部状态信息怎么看。
一、主界面概览
Cursor 的主界面整体比较简洁，主要由 3 个核心区域组成。
| 区域 | 位置 | 作用 |
|---|---|---|
| 菜单栏 | 窗口顶部 | 提供文件、编辑、视图、运行、工具和帮助等菜单 |
| 侧边栏 | 窗口左侧 | 显示项目文件、搜索、版本控制、扩展等功能 |
| 编辑区 | 窗口中央 | 编写和编辑代码的主要区域 |
普通用户刚开始只需要记住：
- 找文件，看左侧
- 写代码，看中间
- 找功能，看顶部菜单
二、菜单栏详解
菜单栏位于窗口顶部，是很多功能的入口。
2.1 文件菜单
文件菜单主要用于创建、打开、保存和关闭文件。
| 功能 | 说明 |
|---|---|
| 新建文件 | 创建一个新的代码文件 |
| 打开文件 | 打开一个已经存在的文件 |
| 打开文件夹 | 打开整个项目目录 |
| 保存文件 | 保存当前正在编辑的文件 |
| 另存为 | 将当前文件保存成一个新文件 |
| 关闭文件 | 关闭当前打开的文件 |
写项目时，建议优先使用“打开文件夹”，而不是只打开单个文件。
2.2 编辑菜单
编辑菜单主要用于处理文本内容。
| 功能 | 说明 |
|---|---|
| 撤销 | 撤销上一次编辑操作 |
| 重做 | 恢复刚刚撤销的操作 |
| 剪切 | 剪切选中的文本 |
| 复制 | 复制选中的文本 |
| 粘贴 | 粘贴剪贴板里的内容 |
| 查找 | 在当前文件中搜索文字 |
| 替换 | 查找指定文字并替换成新内容 |
常用快捷键：
| 操作 | Windows / Linux | macOS |
|---|---|---|
| 撤销 | Ctrl + Z | Command + Z |
| 重做 | Ctrl + Y | Command + Shift + Z |
| 查找 | Ctrl + F | Command + F |
| 替换 | Ctrl + H | Command + Option + F |
2.3 窗口 / 视图菜单
窗口和视图菜单主要控制编辑器显示效果。
| 功能 | 说明 |
|---|---|
| 放大 | 放大编辑区字体和界面 |
| 缩小 | 缩小编辑区字体和界面 |
| 重置缩放 | 恢复默认缩放比例 |
| 全屏 | 切换到全屏模式 |
| 外观 | 控制侧边栏、状态栏、面板等显示隐藏 |
| 编辑布局 | 设置左右分屏、上下分屏等编辑布局 |
如果你觉得字太小，可以先用放大功能，不必急着改复杂设置。
2.4 运行菜单
运行菜单用于运行和调试代码。
| 功能 | 说明 |
|---|---|
| 运行 | 运行当前项目或当前代码 |
| 调试 | 启动调试模式，逐步执行代码并查看变量 |
初学阶段不需要马上掌握完整调试流程，先会使用终端运行项目即可。
2.5 查看菜单
查看菜单常用于打开常用面板。
| 功能 | 说明 |
|---|---|
| 命令面板 | 搜索并执行 Cursor 内置命令 |
| 外观 | 设置状态栏、侧边栏、活动栏等显示隐藏 |
| 面板 | 显示终端、输出、问题等底部面板 |
命令面板很重要，可以理解成 Cursor 的“功能搜索框”。
三、侧边栏详解
侧边栏是 Cursor 的重要区域，通常在窗口左侧。
常见功能包括：
| 功能 | 说明 |
|---|---|
| 文件资源管理器 | 查看项目目录和文件 |
| 搜索 | 在整个项目里搜索关键词 |
| 源代码管理 | 查看 Git 修改状态 |
| 扩展 | 安装和管理插件 |
| AI 入口 | 打开 Chat、Composer 等 AI 功能 |
四、活动栏方向设置
Cursor 为了节省空间，并方便集成聊天功能，默认情况下活动栏可能是水平放置的。
如果你更喜欢传统 VS Code 那种垂直活动栏，可以手动修改设置。
操作步骤：
- 打开 Cursor 设置
- 搜索：
workbench.activityBar.orientation- 将它的值改为：
vertical- 重启 Cursor
重启后，活动栏会变成垂直方向，更接近传统 VS Code 的布局。
五、编辑区详解
编辑区位于窗口中央，是写代码和改文件的主要区域。
编辑区常见能力：
| 功能 | 说明 |
|---|---|
| 语法高亮 | 根据代码语言显示不同颜色，提高可读性 |
| 自动补全 | 输入代码时提示可能的补全内容 |
| 代码折叠 | 折叠函数、对象、代码块，方便阅读大文件 |
| 多光标编辑 | 同时编辑多个位置，适合批量修改 |
| 标签页 | 同时打开多个文件，在顶部切换 |
普通用户最常用的是：打开文件、修改内容、保存文件。
六、状态栏详解
状态栏通常位于窗口底部，用来显示当前文件和编辑器状态。
常见信息包括：
| 信息 | 说明 |
|---|---|
| 行号和列号 | 当前光标所在的位置 |
| 编码格式 | 当前文件编码，例如 UTF-8 |
| 文件类型 | 当前文件语言，例如 Python、JavaScript |
| Git 状态 | 当前文件是否已修改、是否在 Git 管理中 |
| 终端/问题提示 | 显示报错、警告或任务状态 |
如果你在教程里看到“第几行报错”，就可以结合状态栏和编辑区行号来定位问题。
七、小白先记住这些
刚开始不用记住所有按钮，先掌握这几个位置：
| 你要做什么 | 去哪里找 |
|---|---|
| 打开项目 | 文件菜单 |
| 找文件 | 左侧文件资源管理器 |
| 写代码 | 中间编辑区 |
| 运行命令 | 底部终端 |
| 问 AI | Chat / Composer 入口 |
| 看文件状态 | 底部状态栏 |