0

0

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

蓮花仙者

蓮花仙者

发布时间:2025-08-19 20:31:01

|

889人浏览过

|

来源于php中文网

原创

安装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版本控制,是为了更好地进行代码管理和团队协作。简单来说,就是让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。

相关专题

更多
自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

639

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

526

2023.07.06

git撤销提交的commit
git撤销提交的commit

Git是一个强大的版本控制系统,它提供了很多功能帮助开发人员有效地管理和控制代码的变更,本专题为大家提供git 撤销提交的commit相关的各种文章内容,供大家免费下载体验。

264

2023.07.24

git提交错误怎么撤回
git提交错误怎么撤回

git提交错误撤回的方法:git reset head^:撤回最后一次提交,恢复到提交前状态。git revert head:创建新提交,内容与之前提交相反。git reset :使用提交的 sha-1 哈希撤回指定提交。交互式舞台区:标记要撤回的特定更改,然后提交,排除已撤回更改。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

545

2024.04.09

git怎么对比两个版本的文件内容
git怎么对比两个版本的文件内容

要对比两个版本的 git 文件,请使用 git diff 命令:git diff 比较工作树和暂存区之间的差异。git diff 比较两个提交或标签之间的差异。git diff 输出显示差异块,其中 + 表示添加的行,- 表示删除的行, 表示修改的行。可使用 gitkraken、meld、beyond compare 等可视化工具更直观地查看差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

512

2024.04.09

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

576

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1100

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

790

2023.08.01

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

3

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Django 教程
Django 教程

共28课时 | 3.1万人学习

Kotlin 教程
Kotlin 教程

共23课时 | 2.5万人学习

SQL 教程
SQL 教程

共61课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号