B
vscode里如何用图形化查看分支
vscode里如何用图形化查看分支、commit的合并情况？
在 Visual Studio Code (VSCode)中，你可以通过内置的 Git 图形化工具和 扩展插件来查看分支、提交（commit）以及合并情况。以下是详细的操作说明：
1. 使用 VSCode 内置的 Git 图形化工具
VSCode 自带了 Git 集成功能，可以方便地查看分支、提交和合并情况。
步骤 1：打开源代码管理面板
- 点击左侧活动栏中的 源代码管理图标（或按
Ctrl+Shift+G）。 - 如果你的项目是一个 Git 仓库，VSCode 会自动检测并显示当前分支和未提交的更改。
步骤 2：查看提交历史
- 在源代码管理面板中，点击右上角的 “...”菜单。
- 选择 “查看提交历史”（View Commit History）。
- 这会打开一个提交历史视图，显示所有提交、作者、日期和提交信息。
步骤 3：查看分支和合并情况
- 在提交历史视图中，你可以看到分支的合并情况（例如
Merge branch 'feature'into 'main'）。 - 点击某个提交，可以查看该提交的详细信息（包括更改的文件和代码差异）。
步骤 4：切换分支
- 在 VSCode 左下角，点击当前分支名称（例如
main）。 - 在弹出的分支列表中，选择你想要切换的分支。
2. 使用 Git Graph 扩展插件
如果你需要更强大的图形化工具，可以安装 Git Graph扩展插件。它提供了更直观的分支和提交视图。
步骤 1：安装 Git Graph 插件
- 打开 VSCode 的扩展市场（按
Ctrl+Shift+X）。 - 搜索 Git Graph，找到插件并点击 安装。
步骤 2：打开 Git Graph
- 安装完成后，点击左侧活动栏中的 Git Graph 图标。
- 或者在命令面板（按
Ctrl+Shift+P）中输入Git Graph:View Git Graph并运行。
步骤 3：查看分支和提交
- Git Graph 会以图形化的方式显示所有分支、提交和合并情况。
- 你可以看到分支的分叉、合并点以及每个提交的详细信息。
步骤 4：操作分支和提交
- 右键点击某个提交或分支，可以执行以下操作：
- 切换分支（Checkout）。
- 创建新分支。
- 合并分支。
- 重置到某个提交。
- 查看提交的代码差异。
3. 使用 GitLens 扩展插件
GitLens是另一个强大的 Git 扩展插件，提供了更丰富的功能。
效果
通过github登录 GitLens就好：
步骤 1：安装 GitLens 插件
- 打开 VSCode 的扩展市场（按
Ctrl+Shift+X）。 - 搜索 GitLens，找到插件并点击 安装。
步骤 2：查看提交历史
- 安装完成后，点击左侧活动栏中的 GitLens 图标。
- 在 GitLens 面板中，选择 Repositories，然后选择你的仓库。
- 点击 History，查看提交历史。
步骤 3：查看分支和合并情况
- 在 GitLens 面板中，选择 Branches，查看所有分支。
- 点击某个分支，可以查看该分支的提交历史。
- 合并情况会以图形化的方式显示。
步骤 4：操作分支和提交
- 右键点击某个提交或分支，可以执行以下操作：
- 切换分支。
- 合并分支。
- 重置到某个提交。
- 查看代码差异。
4. 总结
- VSCode 内置 Git 工具：适合简单的分支和提交查看。
- Git Graph：提供直观的图形化分支和提交视图，适合需要清晰可视化 Git 历史的场景。
- GitLens：功能强大，适合需要深度 Git 集成的场景。
根据你的需求选择合适的工具。如果你有其他问题，请随时告诉我！ 🚀