VSCode配置Git版本控制(图文并茂，团队协作必备)

安装git并验证版本；2. 配置全局用户名和邮箱；3. 在vscode中安装gitlens插件以增强git功能；4. 打开项目文件夹并使用终端执行git init初始化仓库；5. 使用git remote add origin 关联远程仓库；6. 通过源代码管理视图暂存、提交、拉取、推送代码并解决冲突；7. 安装gitlens后可查看文件或行级历史记录；8. 点击状态栏分支名创建或切换分支，或使用git branch、git checkout命令操作；9. 创建.gitignore文件并添加忽略规则，对已跟踪文件使用git rm –cached取消跟踪；10. 通过github pull requests and issues、gitlab workflow或codestream插件在vscode中进行代码审查，包括创建pr、查看更改、发表评论、解决冲突和合并请求。

VSCode配置Git版本控制，是为了更好地进行代码管理和团队协作。简单来说，就是让VSCode能直接用Git命令，方便提交、拉取代码，解决冲突等问题。

配置Git版本控制的步骤：

1. 安装Git： 这是基础。确保你的电脑上已经安装了Git。没安装的话，去Git官网下载安装包，一路下一步就行。安装完后，在终端输入

   git --version

   ，能看到版本号就说明安装成功了。

2. 配置Git全局设置： 打开终端，输入以下命令，设置你的用户名和邮箱（这个很重要，每次提交代码都会记录）：

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

   把 “Your Name” 和 “your.email@example.com” 替换成你自己的信息。

3. VSCode中安装Git插件： VSCode自带Git支持，但推荐安装GitLens插件，它能更详细地显示Git信息，比如每行代码的作者、提交时间等。在VSCode扩展商店搜索 “GitLens” 安装。

4. 打开项目文件夹： 在VSCode中打开你的项目文件夹。

5. 初始化Git仓库： 如果你的项目还没有Git仓库，需要在项目根目录下初始化。打开VSCode的终端（View -> Terminal），输入

   git init

   。 这时候你会发现项目文件夹里多了一个

   .git

   文件夹（默认是隐藏的）。

6. 关联远程仓库（可选）： 如果你的项目已经有远程仓库（比如在GitHub、GitLab、gitee上），需要关联到本地。复制远程仓库的URL，然后在VSCode终端输入：

   git remote add origin <远程仓库URL>

   把

   <远程仓库URL>

   替换成你复制的URL。 例如：

   git remote add origin git@github.com:yourusername/yourproject.git

7. 使用VSCode的Git功能： 现在你就可以在VSCode中使用Git功能了。

   • 源代码管理视图： 点击VSCode左侧的源代码管理图标（像一个分叉的树），可以查看文件的修改状态。

   • 暂存更改： 点击文件旁边的 “+” 号，可以将修改的文件暂存到暂存区。

   • 提交更改： 在顶部的输入框中输入提交信息，然后按

     Ctrl + Enter

     (windows/linux) 或

     Cmd + Enter

     (macos) 提交。

   • 拉取代码： 点击顶部的 “…” 菜单，选择 “Pull” 从远程仓库拉取代码。

   • 推送代码： 点击顶部的 “…” 菜单，选择 “Push” 将本地代码推送到远程仓库。

8. 解决冲突： 如果拉取代码时遇到冲突，VSCode会用颜色标记冲突的文件和代码段。你需要手动修改代码，解决冲突，然后重新提交。 VSCode也提供了冲突解决工具，可以更方便地比较和合并代码。

如何在VSCode中查看Git历史记录？

GitLens插件能非常方便地查看Git历史记录。安装GitLens后，你可以：

• 查看文件历史： 在编辑器中打开一个文件，点击右上角的 “Show history” 图标，可以查看该文件的提交历史。
• 查看行历史： 点击代码行旁边的 “Show line history” 图标，可以查看该行代码的修改历史。
• 使用GitLens面板： GitLens还提供了一个专门的面板，可以查看分支、提交、标签等信息。

如何在VSCode中创建和切换Git分支？

VSCode底部状态栏会显示当前所在的分支。 点击这个分支名称，会弹出一个菜单，可以：

• 创建新分支： 选择 “Create Branch…”，输入新分支的名称，就可以创建一个新的分支。
• 切换分支： 在菜单中选择要切换的分支，就可以切换到该分支。

也可以在VSCode的终端中使用Git命令创建和切换分支：

git branch <分支名称>  # 创建分支 git checkout <分支名称> # 切换分支 git checkout -b <分支名称> # 创建并切换分支

如何在VSCode中忽略某些文件或文件夹？

使用

.gitignore

文件可以告诉Git忽略某些文件或文件夹，不将其纳入版本控制。

1. 创建

   .gitignore

   文件： 在项目根目录下创建一个名为

   .gitignore

   的文件。

2. 编辑

   .gitignore

   文件： 在

   .gitignore

   文件中，每一行写一个要忽略的文件或文件夹的名称。可以使用通配符。 例如：

   node_modules/  # 忽略 node_modules 文件夹 *.log          # 忽略所有 .log 文件 .DS_Store     # 忽略 .DS_Store 文件（macos）

   保存

   .gitignore

   文件后，Git就会忽略这些文件或文件夹。

需要注意的是，

.gitignore

文件只对未被跟踪的文件有效。如果某个文件已经被Git跟踪，即使在

.gitignore

文件中添加了，Git仍然会跟踪它。 要取消跟踪，可以使用以下命令：

git rm --cached <文件名称>

如何在VSCode中使用Git进行代码审查（Code Review）？

虽然VSCode本身没有内置完整的代码审查功能，但可以结合一些插件和工具来实现代码审查。

• GitHub Pull Requests and Issues： 这个插件可以让你在VSCode中直接创建、查看和管理GitHub的Pull Request。 你可以查看代码更改、发表评论、进行代码审查。
• GitLab Workflow： 类似地，这个插件可以让你在VSCode中直接创建、查看和管理GitLab的Merge Request。
• CodeStream： 这是一个更通用的代码审查工具，支持多种代码托管平台（GitHub、GitLab、Bitbucket等）。 CodeStream可以在VSCode中提供代码审查、团队讨论、知识共享等功能。

使用这些插件，你可以方便地在VSCode中进行代码审查，提高代码质量。 例如，使用GitHub Pull Requests and Issues插件，你可以：

1. 创建Pull Request： 在VSCode中打开插件面板，选择要创建Pull Request的分支，填写标题和描述，创建Pull Request。

2. 查看Pull Request： 在VSCode中查看Pull Request的详细信息，包括代码更改、评论等。

3. 发表评论： 在代码行上发表评论，提出问题或建议。

4. 解决冲突： 如果Pull Request中有冲突，可以在VSCode中解决冲突。

5. 合并Pull Request： 如果代码审查通过，可以在VSCode中合并Pull Request。