版本控制 #
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