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 中高效管理版本控制！🚀