第六章：在 Cursor / VS Code 中使用 Git

← 上一章：分支入门 | 返回目录 | 下一章：常见问题与实用技巧 →

命令行虽然强大，但对初学者来说，使用图形界面操作 Git 会更直观。Cursor 和 VS Code 内置了非常好用的 Git 支持。

6.1 图形化 Git 操作

打开源代码管理面板

在 Cursor / VS Code 左侧边栏，点击第三个图标（分支样式的图标），或者使用快捷键 Ctrl + Shift + G。

这个面板会显示：

• 你修改了哪些文件
• 文件的改动状态（新增 U、修改 M、删除 D）
• 快捷操作按钮

查看文件改动

点击面板中的任何一个文件，会打开一个对比视图（Diff View）：

• 左边是修改前的内容
• 右边是修改后的内容
• 新增的行用绿色标记
• 删除的行用红色标记

6.2 用图形界面完成 Git 操作

提交代码（代替命令行的 add + commit）

1. 打开源代码管理面板（Ctrl + Shift + G）
2. 你会看到所有被修改的文件列表
3. 点击文件右边的 ”+” 号，将文件添加到暂存区（相当于 git add）
   • 或者点击 “更改” 右边的 ”+” 一键暂存所有文件
4. 在顶部的输入框中写提交说明
5. 点击 ”✓ 提交” 按钮（相当于 git commit）

推送和拉取

在源代码管理面板顶部的 ”…” 菜单中，你可以找到：

• 推送（Push）：把本地提交推送到远程
• 拉取（Pull）：拉取远程最新代码

或者看状态栏（底部）：

• 如果显示 ↑1，表示有 1 个本地提交等待推送
• 如果显示 ↓2，表示远程有 2 个更新等待拉取
• 点击这些箭头图标可以直接执行推送/拉取

切换分支

点击左下角状态栏上的分支名称（比如 main），会弹出分支列表，你可以：

• 选择已有分支进行切换
• 输入新名称创建新分支

解决冲突

当合并产生冲突时，Cursor / VS Code 会：

1. 在冲突文件上标记 “C”（Conflict）
2. 打开文件后，冲突区域会被高亮显示
3. 每个冲突区域上方会显示操作按钮：
   • Accept Current Change（接受当前分支的改动）
   • Accept Incoming Change（接受合并进来的改动）
   • Accept Both Changes（两个都保留）
4. 选择完毕后保存文件，然后暂存并提交

6.3 推荐插件

GitLens

安装方法：在扩展市场搜索 “GitLens”，点击安装。

主要功能：

• 在每一行代码旁边显示谁在什么时候写了这行代码
• 查看文件的完整修改历史
• 可视化的分支对比

Git Graph

安装方法：在扩展市场搜索 “Git Graph”，点击安装。

主要功能：

• 用图形方式展示分支和提交历史
• 直观看到分支的创建、合并过程
• 右键提交记录可以进行各种 Git 操作

使用方式：安装后，在源代码管理面板点击 “Git Graph” 按钮，或者按 Ctrl + Shift + P 输入 “Git Graph” 打开。

← 上一章：分支入门 | 返回目录 | 下一章：常见问题与实用技巧 →