VSCode 中 Git 扩展的使用详解

VSCode 中 Git 扩展的使用详解

VSCode 内置了 Git 版本控制功能，支持 Git 分支管理、提交（commit）、推送（push）、拉取（pull）、合并（merge）、回滚（revert）、冲突解决等操作。下面详细介绍 VSCode 中 Git 扩展的使用方法，包括 UI 操作和对应的 Git 命令。

---

1. 启用 Git

VSCode 默认集成了 Git，不需要额外安装：

• 确保本地已安装 Git （可运行 git --version 检查）。
• 在 VSCode 中打开一个 Git 仓库（或者使用 git init 初始化）。
• 进入 Source Control（源代码管理） 视图（快捷键：Ctrl + Shift + G 或点击左侧 Git 图标）。

---

2. Git 主要操作

2.1 初始化仓库

如果当前文件夹还不是 Git 仓库：

1. 在 VSCode Source Control（源代码管理） 视图中点击 "Initialize Repository"（初始化仓库）。

2. VSCode 会在当前目录下运行：

   git init

3. 之后，VSCode 会自动检测文件状态。

---

2.2 克隆远程仓库

如果要从远程仓库（如 GitHub、GitLab）克隆代码：

1. 打开命令面板 （Ctrl + Shift + P）。

2. 输入 Git: Clone 并选择。

3. 输入 Git 仓库 URL，例如：

   git clone https://github.com/user/repo.git

4. 选择本地存储位置，VSCode 会自动下载并打开项目。

---

2.3 检查文件状态

VSCode Git 扩展会显示文件的不同状态：

• U（Untracked）：新文件，未添加到 Git 版本控制。
• M（Modified）：已修改但未提交。
• A（Added）：已添加到暂存区，但未提交。
• D（Deleted）：已删除文件，但尚未提交删除更改。
• R（Renamed）：文件重命名。

这些状态可在 Source Control 视图 中查看。

---

2.4 添加文件到暂存区

• 方法 1 ：在 Source Control 视图 中，点击文件旁边的 +（Add changes）。

• 方法 2 ：点击 "Stage All Changes"（暂存所有文件）。

• 方法 3 ：使用 Git 命令：

  git add <文件名>  # 添加单个文件
  git add .         # 添加所有修改

---

2.5 提交代码

• 方法 1 ：

  1. 在 Source Control 视图 中，输入提交信息。
  2. 点击 "✓"（提交） 按钮。

• 方法 2 ：

  git commit -m "提交信息"

---

2.6 推送代码

提交后，需要推送到远程仓库：

• 方法 1 ：点击 Source Control 视图 右上角的 ...，选择 Push（推送）。

• 方法 2 ：

  git push origin <当前分支>

  如果是首次推送：

  git push --set-upstream origin <当前分支>

---

2.7 拉取远程更新

如果远程仓库有更新，可以拉取（pull）：

• 方法 1 ：点击 "..." > Pull（拉取）。

• 方法 2 ：

  git pull origin <当前分支>

---

3. Git 分支管理

3.1 创建新分支

• 方法 1 ：

  1. 在 Source Control 视图 ，点击 当前分支名称。
  2. 选择 "Create New Branch"。
  3. 输入新分支名，例如 feature-x，按回车创建。

• 方法 2 ：

  git checkout -b feature-x

---

3.2 切换分支

• 方法 1 ：

  1. 点击 当前分支名称。
  2. 选择要切换的分支。

• 方法 2 ：

  git checkout feature-x

  或者：

  git switch feature-x

---

3.3 远程分支

• 拉取远程分支：

  git fetch origin

• 创建并切换到远程分支：

  git checkout -b feature-x origin/feature-x

---

3.4 合并分支

• 在 main 分支下合并 feature-x：

  git checkout main
  git merge feature-x

• 在 VSCode：

  1. 切换到 main 分支。
  2. 选择 "Merge Branch" ，然后选 feature-x。

---

7. 总结

Git 操作	VSCode UI 方式	命令行方式
初始化 Git	点击 "Initialize Repository"	git init
克隆仓库	Git: Clone	git clone <URL>
添加文件	+ Stage Changes	git add .
提交代码	✓ 提交	git commit -m "message"
推送代码	Push	git push
拉取更新	Pull	git pull
切换分支	选择分支	git checkout <分支>
解决冲突	选择修改方式	git merge

掌握这些 Git 操作后，可以在 VSCode 中高效管理版本控制！🚀