版本控制 #

Git 功能概览 #

VSCode 内置了强大的 Git 支持,无需离开编辑器即可进行版本控制操作。

text
┌─────────────────────────────────────────────────────────────┐
│                     Git 界面布局                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  ┌─────────────────────────────────────────────────────┐   │
│  │  源代码管理                                          │   │
│  ├─────────────────────────────────────────────────────┤   │
│  │  消息: [输入提交信息]                    ✓ ✓        │   │
│  ├─────────────────────────────────────────────────────┤   │
│  │  更改                                               │   │
│  │   M  index.js                                      │   │
│  │   A  utils.js                                      │   │
│  │   D  old.js                                        │   │
│  │                                                     │   │
│  │  暂存的更改                                         │   │
│  │   M  config.js                                     │   │
│  └─────────────────────────────────────────────────────┘   │
│                                                             │
└─────────────────────────────────────────────────────────────┘

打开源代码管理 #

基本操作 #

功能 Mac Windows/Linux 说明
打开源代码管理 ⌃⇧G Ctrl+Shift+G 打开 Git 面板

提交操作 #

暂存和提交 #

功能 Mac Windows/Linux 说明
暂存所有更改 - - 点击 “+” 按钮
取消暂存 - - 点击 “-” 按钮
提交 ⌘Enter Ctrl+Enter 提交暂存的更改

提交流程 #

text
1. 按 ⌃⇧G / Ctrl+Shift+G 打开源代码管理
2. 输入提交信息
3. 点击 "+" 暂存更改
4. 按 ⌘Enter / Ctrl+Enter 提交

查看差异 #

打开差异 #

功能 Mac Windows/Linux 说明
打开更改 - - 点击文件名

差异视图 #

text
┌──────────────────────────┬──────────────────────────┐
│         原始文件          │         修改后文件        │
├──────────────────────────┼──────────────────────────┤
│ const a = 1;             │ const a = 1;             │
│ - const b = 2;           │ + const b = 20;          │
│ const c = 3;             │ const c = 3;             │
└──────────────────────────┴──────────────────────────┘

红色表示删除的行
绿色表示新增的行

撤销操作 #

撤销更改 #

功能 Mac Windows/Linux 说明
放弃更改 - - 右键选择 “放弃更改”
撤销上次提交 - - 命令面板执行

撤销示例 #

text
放弃单个文件的更改:
1. 右键点击文件
2. 选择 "放弃更改"
3. 文件恢复到上次提交的状态

放弃所有更改:
1. 点击 "..." 菜单
2. 选择 "放弃所有更改"

分支操作 #

分支管理 #

功能 Mac Windows/Linux 说明
切换分支 - - 点击分支名选择
创建分支 - - 命令面板执行
删除分支 - - 命令面板执行

分支操作流程 #

text
创建新分支:
1. 点击状态栏的分支名
2. 选择 "创建新分支"
3. 输入分支名

切换分支:
1. 点击状态栏的分支名
2. 选择要切换的分支

合并操作 #

合并分支 #

功能 Mac Windows/Linux 说明
合并分支 - - 命令面板执行

合并流程 #

text
1. 切换到目标分支(如 main)
2. 打开命令面板(⌘⇧P / Ctrl+Shift+P)
3. 输入 "Git: Merge Branch"
4. 选择要合并的分支

推送和拉取 #

远程操作 #

功能 Mac Windows/Linux 说明
推送 - - 命令面板执行
拉取 - - 命令面板执行
同步 - - 状态栏点击同步

推送拉取流程 #

text
推送更改:
1. 提交本地更改
2. 点击状态栏的同步图标
3. 或使用命令面板 "Git: Push"

拉取更改:
1. 点击状态栏的同步图标
2. 或使用命令面板 "Git: Pull"

解决冲突 #

查看冲突 #

text
冲突文件会显示特殊标记:

<<<<<<< HEAD
当前分支的代码
=======
要合并分支的代码
>>>>>>> feature-branch

VSCode 提供快捷操作:
• Accept Current Change:接受当前更改
• Accept Incoming Change:接受传入更改
• Accept Both Changes:接受两者
• Compare Changes:比较更改

解决冲突流程 #

text
1. 打开冲突文件
2. 查看冲突标记
3. 选择要保留的代码
4. 保存文件
5. 提交解决冲突后的更改

Git 历史查看 #

查看历史 #

功能 Mac Windows/Linux 说明
查看文件历史 - - 右键选择 “打开时间线”

时间线视图 #

text
时间线显示:
• 提交时间
• 提交信息
• 提交者

点击提交可以查看该版本的文件内容

GitLens 扩展 #

安装 GitLens #

GitLens 是一个强大的 Git 扩展,提供更多功能:

text
安装步骤:
1. 打开扩展面板(⌘⇧X / Ctrl+Shift+X)
2. 搜索 "GitLens"
3. 点击安装

GitLens 功能 #

text
• 查看代码作者
• 查看文件历史
• 查看行历史
• 比较分支
• 查看远程仓库

Git 实战案例 #

案例1:提交代码 #

text
场景:完成功能开发,提交代码

步骤:
1. 按 ⌃⇧G / Ctrl+Shift+G 打开源代码管理
2. 查看更改的文件
3. 输入提交信息:"feat: add user authentication"
4. 点击 "+" 暂存更改
5. 按 ⌘Enter / Ctrl+Enter 提交
6. 点击同步推送到远程

案例2:切换分支 #

text
场景:切换到其他分支工作

步骤:
1. 点击状态栏的分支名
2. 选择要切换的分支
3. 确认切换

案例3:解决冲突 #

text
场景:合并分支时出现冲突

步骤:
1. 打开冲突文件
2. 查看冲突代码
3. 选择要保留的版本
4. 删除冲突标记
5. 保存文件
6. 提交解决冲突

Git 工作流 #

text
┌─────────────────────────────────────────────────────────────┐
│                     Git 工作流程                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  修改代码                                                    │
│     │                                                       │
│     ├─────▶ 查看更改                                         │
│     │        │                                              │
│     │        └─▶ ⌃⇧G / Ctrl+Shift+G                        │
│     │                                                       │
│     ├─────▶ 暂存更改                                         │
│     │        │                                              │
│     │        └─▶ 点击 "+"                                   │
│     │                                                       │
│     ├─────▶ 提交更改                                         │
│     │        │                                              │
│     │        └─▶ ⌘Enter / Ctrl+Enter                       │
│     │                                                       │
│     └─────▶ 推送到远程                                       │
│                │                                            │
│                └─▶ 点击同步                                  │
│                                                             │
└─────────────────────────────────────────────────────────────┘

快捷键速查表 #

Git 面板 #

功能 Mac Windows/Linux
打开源代码管理 ⌃⇧G Ctrl+Shift+G
提交 ⌘Enter Ctrl+Enter

常用命令 #

功能 命令面板
Git: Clone 克隆仓库
Git: Commit 提交
Git: Push 推送
Git: Pull 拉取
Git: Checkout 切换分支
Git: Merge 合并分支

常见问题 #

Q: 如何查看某个文件的修改历史? #

A: 右键点击文件,选择 “打开时间线”,或安装 GitLens 扩展。

Q: 如何撤销已推送的提交? #

A: 使用 git revert 命令,或使用命令面板的 “Git: Revert Commit”。

Q: 如何配置 Git 用户信息? #

A: 在终端中执行:

bash
git config --global user.name "Your Name"
git config --global user.email "your@email.com"

练习建议 #

练习1:基本提交 #

text
1. 修改一个文件
2. 打开源代码管理
3. 暂存更改
4. 提交更改

练习2:分支操作 #

text
1. 创建新分支
2. 切换到新分支
3. 进行修改并提交
4. 切换回主分支

练习3:解决冲突 #

text
1. 创建两个分支
2. 在两个分支中修改同一行
3. 合并分支
4. 解决冲突

下一步 #

现在你已经掌握了 Git 操作,接下来学习:

最后更新:2026-04-11