vscode 插件 Git Graph 使用

Git Graph 是一个非常流行的 Visual Studio Code 插件，用于以图形化的方式查看 Git 仓库历史、分支、提交和文件变更。以下是 Git Graph 的安装和使用方法：

1. 安装 Git Graph 插件

1. 打开 Visual Studio Code。
2. 点击左侧活动栏的 扩展 (Extensions) 图标（快捷键：Ctrl+Shift+X）。
3. 在搜索栏中输入 Git Graph。
4. 找到 Git Graph 插件（作者为 mhutchie），点击 Install 按钮进行安装。

2. 打开 Git Graph 界面

方法 1：通过命令面板

1. 按下快捷键 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac) 打开命令面板。
2. 输入并选择 Git Graph: View Git Graph。

方法 2：通过活动栏

1. 点击 VS Code 左侧活动栏的 Source Control (源代码管理) 图标。
2. 在顶部找到 Git Graph 图标（一个类似分支的图标），点击即可打开。

3. Git Graph 的主要功能

3.1 可视化 Git 历史

• Git Graph 会显示当前 Git 仓库的分支、提交历史以及每次提交的图形化分支结构。
• 你可以：
  • 点击某个提交点查看其详细信息。
  • 检查提交的作者、时间和提交消息。
  • 查看分支的合并历史。

3.2 分支与标签管理

• 左侧面板列出了所有的本地分支和远程分支。
• 右键点击分支或标签，可以执行以下操作：
  • 创建新分支。
  • 删除分支。
  • 合并分支。
  • 检查分支差异。

3.3 检查文件变更

• 点击某个提交点后，你可以在右侧窗口查看该提交的文件变更：
  • Changed Files（变更的文件列表）。
  • Diff Viewer（文件差异查看器）。
  • 支持浏览新增、修改或删除的文件内容。

3.4 操作远程仓库

• 右键点击远程分支，可以执行以下操作：
  • Pull 拉取代码。
  • Push 推送代码。
  • Fetch 获取更新。
  • 删除远程分支。

3.5 提交操作

• 在界面右上角，点击 Commit 按钮可以提交更改。
• 支持直接通过界面输入提交消息并选择要提交的变更文件。

4. 常用快捷操作

5. Git Graph 设置

点击 Git Graph 界面右上角的 设置图标（齿轮图标），你可以调整以下设置：

5.1 显示设置

• Graph Style (图形样式)：
  • 选择图形的显示方式，例如曲线、直线。
• Date Format (日期格式)：
  • 自定义提交点的时间显示格式。
• Show Tags (显示标签)：
  • 是否在提交点中显示 Git 标签。

5.2 默认行为

• Auto-fetch：
  • 是否自动从远程仓库获取更新。
• Pull Rebase：
  • 在拉取时是否使用 rebase 代替 merge。

6. 高级用法

6.1 创建分支

1. 在左侧分支列表中，右键点击某个分支或提交点。
2. 选择 Create Branch…。
3. 输入新分支名称。

6.2 合并分支

1. 右键点击需要合并的分支。
2. 选择 Merge into Current Branch。

6.3 回滚到某个提交

1. 右键点击某个提交点。
2. 选择 Reset Current Branch to Commit。
3. 选择回滚方式：
   • Hard: 丢弃所有工作区和暂存区的更改。
   • Soft: 保留工作区的更改，但重置提交记录。

6.4 查看文件历史

1. 在提交点的 Changed Files 列表中，点击某个文件。
2. 查看文件的变更历史和差异。

通过 Git Graph，你可以轻松管理分支、查看提交历史、检查文件变更，是 Git 图形化管理的绝佳工具！