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

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

蓮花仙者

发布： 2025-08-19 20:31:01

原创

879人浏览过

安装git并验证版本；2. 配置全局用户名和邮箱；3. 在vscode中安装gitlens插件以增强git功能；4. 打开项目文件夹并使用终端执行git init初始化仓库；5. 使用git remote add origin <url>关联远程仓库；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版本控制，是为了更好地进行代码管理和团队协作。简单来说，就是让VSCode能直接用Git命令，方便提交、拉取代码，解决冲突等问题。

配置Git版本控制的步骤：

安装Git： 这是基础。确保你的电脑上已经安装了Git。没安装的话，去Git官网下载安装包，一路下一步就行。安装完后，在终端输入
```
git --version
```
登录后复制
，能看到版本号就说明安装成功了。
配置Git全局设置： 打开终端，输入以下命令，设置你的用户名和邮箱（这个很重要，每次提交代码都会记录）：
```
git config --global user.name "Your Name"
git config --global user.email "your.email@example.com"
```
登录后复制
把 "Your Name" 和 "your.email@example.com" 替换成你自己的信息。
VSCode中安装Git插件： VSCode自带Git支持，但推荐安装GitLens插件，它能更详细地显示Git信息，比如每行代码的作者、提交时间等。在VSCode扩展商店搜索 "GitLens" 安装。
打开项目文件夹： 在VSCode中打开你的项目文件夹。
初始化Git仓库： 如果你的项目还没有Git仓库，需要在项目根目录下初始化。打开VSCode的终端（View -> Terminal），输入
```
git init
```
登录后复制
。这时候你会发现项目文件夹里多了一个
```
.git
```
登录后复制
文件夹（默认是隐藏的）。
关联远程仓库（可选）： 如果你的项目已经有远程仓库（比如在GitHub、GitLab、Gitee上），需要关联到本地。复制远程仓库的URL，然后在VSCode终端输入：
```
git remote add origin <远程仓库URL>
```
登录后复制
把
```
<远程仓库URL>
```
登录后复制
替换成你复制的URL。例如：
```
git remote add origin git@github.com:yourusername/yourproject.git
```
登录后复制
使用VSCode的Git功能： 现在你就可以在VSCode中使用Git功能了。
- 源代码管理视图： 点击VSCode左侧的源代码管理图标（像一个分叉的树），可以查看文件的修改状态。
- 暂存更改： 点击文件旁边的 "+" 号，可以将修改的文件暂存到暂存区。
- 提交更改： 在顶部的输入框中输入提交信息，然后按
```
Ctrl + Enter
```
  登录后复制
  (Windows/Linux) 或
```
Cmd + Enter
```
  登录后复制
  (macOS) 提交。
- 拉取代码： 点击顶部的 "..." 菜单，选择 "Pull" 从远程仓库拉取代码。
- 推送代码： 点击顶部的 "..." 菜单，选择 "Push" 将本地代码推送到远程仓库。
  
  豆包AI编程
  豆包推出的AI编程助手
  
  1697
  
  查看详情
解决冲突： 如果拉取代码时遇到冲突，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忽略某些文件或文件夹，不将其纳入版本控制。

创建
```
.gitignore
```
登录后复制
文件： 在项目根目录下创建一个名为
```
.gitignore
```
登录后复制
的文件。
编辑
```
.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插件，你可以：