在Visual Studio Code使用Git

最新推荐文章于 2025-04-26 13:15:34 发布
最新推荐文章于 2025-04-26 13:15:34 发布
阅读量2.7k 收藏 3
点赞数
分类专栏： Visual Studio Code 文章标签： vscode git ide
原文链接：https://code.visualstudio.com/docs/editor/versioncontrol
版权

在 VS Code 中使用版本控制

Visual Studio Code 集成了源代码控制管理 (SCM)，并包括开箱即用的Git支持。许多其他源代码控制提供程序可通过VS Code Marketplace 上的扩展获得。

提示：单击扩展图块以阅读 Marketplace 中的说明和评论。

SCM 供应商#

VS Code 支持同时处理多个源代码管理提供程序。例如，您可以在 Azure DevOps Server 本地工作区旁边打开多个 Git 存储库，并在您的项目中无缝工作。要打开源代码控制视图中，选择的溢出菜单源控制视图（按Ctrl + Shift + G以上），悬停意见，并确保源代码控制库标有检查。该源代码控制视图显示检测到的供应商和存储库，并可以通过选择特定的供应商范围更改的显示。

溢出菜单中的源代码管理存储库视图选项

SCM 提供程序扩展#

如果您想安装另一个 SCM 提供程序，您可以在扩展视图 ( Ctrl+Shift+X ) 中搜索scm 提供程序扩展类别。开始输入“@ca”，您将看到有关调试器和 linter 等扩展类别的建议。选择以查看可用的 SCM 提供商。@category:"scm providers"

市场中的 SCM 提供商类别

Git 支持#

VS Code 附带一个 Git 源代码控制管理器 (SCM) 扩展。大多数源代码控制 UI 和工作流程在其他 SCM 扩展中是通用的，因此阅读 VS Code 中的一般 Git 支持将帮助您了解如何使用其他提供程序。

注意：如果您是 Git 新手，git-scm网站是一个不错的起点，其中包含流行的在线书籍、入门视频和备忘单。VS Code 文档假设您已经熟悉 Git。

Git概述

注意： VS Code 将利用您机器的 Git 安装，因此您需要先安装 Git，然后才能获得这些功能。确保至少安装 version 2.0.0。

👉当您提交时，请注意，如果您的用户名和/或电子邮件未在您的 Git 配置中设置，Git 将回退到使用来自您本地机器的信息。您可以在Git 提交信息中找到详细信息。

左侧活动栏中的源代码管理图标将始终指示您的存储库中当前有多少更改的概览。选择该图标将显示当前存储库更改的详细信息：CHANGES、STAGED CHANGES和MERGE CHANGES。

单击每个项目将详细显示每个文件中的文本更改。请注意，对于未暂存的更改，右侧的编辑器仍可让您编辑文件：随意使用它！

你还可以在 VS Code 的左下角找到你的仓库状态的指标：当前分支、脏指标，以及当前分支的传入和传出提交的数量。您可以通过单击该状态指示器并从列表中选择 Git 引用来签出存储库中的任何分支。

提示：您可以在 Git 存储库的子目录中打开 VS Code。VS Code 的 Git 服务仍将照常工作，显示存储库内的所有更改，但作用域目录之外的文件更改用工具提示阴影显示，表明它们位于当前工作区之外。

提交#

暂存(git add) 和取消暂存(git reset) 可以通过文件中的上下文操作或通过拖放来完成。

暂存所有更改按钮

您可以在更改上方键入提交消息，然后按Ctrl+Enter（macOS：⌘+Enter）以提交它们。如果有任何阶段性更改，则只会提交这些更改。否则，您将收到一个提示，要求您选择要提交的更改并获得更改提交设置的选项。

我们发现这是一个很棒的工作流程。例如，在前面的屏幕截图中，只有对 的暂存更改overview.png将包含在提交中。稍后的暂存和提交操作可以包括versioncontrol.md对另外两个.png图像的更改作为单独的提交。

可以在源代码管理视图顶部的“视图”和“更多操作”菜单中找到更具体的提交操作。 ...

视图和更多操作按钮

提示：如果您将更改提交到错误的分支，请使用命令面板中的Git: Undo Last Commit命令( Ctrl+Shift+P )撤消您的提交。

克隆一个仓库#

如果您尚未打开文件夹，源代码管理视图将为您提供从本地计算机或克隆存储库打开文件夹的选项。

首次运行源代码管理体验

如果您选择Clone Repository，您将被要求提供远程存储库的 URL（例如在GitHub 上）以及放置本地存储库的父目录。

对于 GitHub 存储库，您可以从 GitHub代码对话框中找到 URL 。

克隆存储库对话框

然后将该 URL 粘贴到Git: Clone提示中。

设置存储库 URL

您还将看到从 GitHub 克隆的选项。在 VS Code 中使用 GitHub 帐户进行身份验证后，您将能够按名称搜索存储库，并选择任何存储库来克隆它。您还可以使用命令面板中的Git: Clone命令( Ctrl+Shift+P )启动克隆 Git 存储库的流程。要查看分步演练，请查看VS Code视频中的Clone 存储库。

注意：如果您想在不将内容克隆到本地计算机的情况下处理存储库，您可以安装GitHub 存储库扩展以直接在 GitHub 上浏览和编辑。您可以在GitHub 存储库扩展部分了解更多信息。

分支和标签#

您可以通过Git: Create Branch和Git: Checkout to commands in the Command Palette ( Ctrl+Shift+P )直接在 VS 代码中创建和检出分支。

如果您运行Git: Checkout to，您将看到一个下拉列表，其中包含当前存储库中的所有分支或标签。如果您认为这是一个更好的选择，它还会为您提供创建新分支的选项，或者以分离模式检出分支。

Git 结帐

该混帐：建立分公司命令，可以快速创建一个新的分支。只需提供新分支的名称，VS Code 就会创建该分支并切换到该分支。如果你选择Create new branch from...，你会得到一个额外的提示，允许你指定新分支应该指向哪个提交。

遥控器#

鉴于您的存储库已连接到某个远程并且您签出的分支具有指向该远程分支的上游链接，VS Code 为您提供了有用的操作来推送、拉取和同步该分支（后者将运行一个pull命令通过推送命令）。您可以在“视图”和“更多操作” ...菜单中找到这些操作，以及添加或删除远程.

VS Code 能够定期从您的遥控器获取更改。这使 VS Code 能够显示您的本地存储库在远程存储库之前或之后的更改数量。从 VS Code 1.19 开始，默认情况下禁用此功能，您可以使用git.autofetch 设置启用它。

提示：您应该设置一个凭证助手，以避免每次 VS Code 与您的 Git 遥控器对话时都被要求提供凭证。如果您不这样做，您可能需要考虑通过git.autofetch 设置禁用自动获取以减少您收到的提示数量。

Git 状态栏操作#

当当前检出的分支配置了上游分支时，状态栏中的分支指示器旁边有一个同步更改操作。同步更改会将远程更改拉到您的本地存储库，然后将本地提交推送到上游分支。

git 状态栏同步

如果没有配置上游分支并且 Git 存储库设置了远程，则启用发布操作。这将允许您将当前分支发布到远程。

git 状态栏发布

天沟指标#

如果您打开一个作为 Git 存储库的文件夹并开始进行更改，VS Code 将向装订线和概览标尺添加有用的注释。

  • 红色三角形表示已删除行的位置
  • 绿色条表示新添加的行
  • 蓝色条表示修改后的行

天沟指标

合并冲突#

Git合并

VS Code 可以识别合并冲突。差异被突出显示，并且有内联操作来接受一个或两个更改。解决冲突后，暂存冲突文件，以便您可以提交这些更改。

查看差异#

我们的 Git 工具支持在 VS Code 中查看差异。

VS Code 中的文件差异

提示：您可以通过首先右键单击 Explorer 或OPEN EDITORS列表中的文件并选择Select for Compare，然后右键单击要与之比较的第二个文件并选择Compare with 'file_name_you_chose'来比较任意两个文件。或者，从键盘上按 Ctrl+Shift+P并选择文件：将活动文件与比较，您将看到最近文件的列表。

Diff 编辑器审阅窗格#

Diff 编辑器中有一个查看窗格，以统一的补丁格式显示更改。您可以使用转到下一个差异( F7 ) 和转到上一个差异( Shift+F7 )在更改之间导航。可以使用箭头键导航行，按Enter将跳回到 Diff 编辑器和所选行中。

差异审查窗格

注意：此体验对屏幕阅读器用户特别有用。

时间线视图#

默认情况下，可在文件资源管理器底部访问的时间轴视图是用于可视化文件的时间序列事件（例如，Git 提交）的统一视图。

时间线视图

VS Code 的内置 Git 支持提供指定文件的 Git 提交历史记录。选择提交将打开该提交引入的更改的差异视图。当您右键单击提交时，您将获得Copy Commit ID和Copy Commit Message 的选项。

Visual Studio Code 通过VS Code Marketplace 上提供的扩展支持更多 Git 历史工作流。

提示：单击扩展图块以阅读 Marketplace 中的说明和评论。

Git输出窗口#

您可以随时查看幕后情况以查看我们正在使用的 Git 命令。如果发生了奇怪的事情或者您只是好奇，这会很有帮助。:)

要打开 Git 输出窗口，请运行查看>输出并从下拉列表中选择Git。

初始化存储库#

如果您的工作区位于本地计算机上，则可以通过使用Initialize Repository命令创建 Git 存储库来启用 Git 源代码控制。当 VS Code 未检测到现有的 Git 存储库时，源代码控制视图将为您提供初始化存储库或发布到 GitHub的选项。

Git初始化存储库

您还可以从命令面板( Ctrl+Shift+P )运行Git：初始化存储库和发布到 GitHub命令。运行Initialize Repository将创建必要的 Git 存储库元数据文件，并将您的工作区文件显示为准备暂存的未跟踪更改。发布到 GitHub将直接将您的工作区文件夹发布到 GitHub 存储库，允许您在私有和公共存储库之间进行选择。查看我们的发布存储库视频，了解有关发布到 GitHub 的更多信息。

VS Code 作为 Git 编辑器#

当您从命令行启动 VS Code 时，您可以传递--wait参数以使启动命令等待直到您关闭新的 VS Code 实例。当您将 VS Code 配置为 Git 外部编辑器时，这会很有用，因此 Git 将等到您关闭启动的 VS Code 实例。

以下是执行此操作的步骤：

  1. 确保您可以从命令行运行code --help并获得帮助。
    • 如果您没有看到帮助，请按照以下步骤操作：
      • macOS：从命令面板中选择Shell 命令：在路径中安装“代码”命令。
      • Windows：确保在安装过程中选择了添加到 PATH。
      • Linux：确保您通过我们新的 .deb 或 .rpm 包安装了 Code。
  2. 从命令行，运行 git config --global core.editor "code --wait"

现在您可以运行git config --global -e并使用 VS Code 作为配置 Git 的编辑器。

VS Code 作为 Git 差异工具#

将以下内容添加到您的 Git 配置中以使用 VS Code 作为差异工具：

<span style="color:#333333"><span style="background-color:#ffffff"><code><span style="color:#000000">[diff]</span>
<span style="color:#000000">    tool = default-difftool</span>
<span style="color:#000000">[difftool </span><span style="color:#a31515">"default-difftool"</span><span style="color:#000000">]</span>
<span style="color:#000000">    cmd = code --wait --diff </span><span style="color:#001080">$LOCAL</span> <span style="color:#001080">$REMOTE</span></code></span></span>

这利用了--diff您可以传递给 VS Code的选项来并排比较两个文件。

总而言之，以下是一些可以使用 VS Code 作为编辑器的示例：

  • git rebase HEAD~3 -i 使用 VS Code 进行交互式 rebase
  • git commit 使用 VS Code 作为提交消息
  • git add -p后跟e用于交互式添加
  • git difftool <commit>^ <commit> 使用 VS Code 作为差异编辑器进行更改

处理拉取请求#

Visual Studio Code 还通过VS Code Marketplace 上提供的GitHub Pull Requests and Issues 扩展支持拉取请求工作流。拉取请求扩展允许您直接在 VS Code 中查看、评论和验证源代码贡献。

下一步#

  • 介绍视频 - Git 版本控制- 介绍性视频，概述了 VS Code Git 支持。
  • 基本编辑- 了解强大的 VS Code 编辑器。
  • 代码导航- 快速浏览源代码。
  • 调试- 这就是 VS Code 真正闪耀的地方
  • 任务- 使用 Gulp、Grunt 和 Jake 运行任务。显示错误和警告
  • Source Control API - 如果您想将另一个 Source Control 提供程序集成到 VS Code 中，请参阅我们的 Source Control API。

常见问题#

我初始化了我的 repo 但...菜单中的操作都变灰了#

要推送、拉取和同步，您需要设置一个 Git 源。您可以从存储库主机获取所需的 URL。获得该 URL 后，您需要通过运行几个命令行操作将其添加到 Git 设置中。例如：

<span style="color:#333333"><span style="background-color:#ffffff"><code><span style="color:#000000">> git remote add origin https://github.com/<repo owner>/<repo name>.git</span>
<span style="color:#000000">> git push -u origin main</span></code></span></span>

我的团队正在使用 Team Foundation 版本控制 (TFVC) 而不是 Git。我该怎么办？#

使用Azure Repos扩展，这将点亮 TFVC 支持。

为什么拉、推和同步操作永远不会完成？#

这通常意味着 Git 中没有配置凭据管理，并且由于某种原因您没有收到凭据提示。

您始终可以设置凭据帮助程序，以便从远程服务器拉取和推送，而无需 VS Code 每次都提示您输入凭据。

如何使用需要多重身份验证的 Azure DevOps 组织登录 Git？#

现在有帮助多因素身份验证的Git 凭证助手。您可以从下载这些混帐凭证管理Mac和Linux和Git的凭据管理器为Windows。

我的计算机上安装了 GitHub Desktop，但 VS Code 忽略了它#

VS Code 仅支持官方 Git 发行版的 Git 集成。

每当 VS Code 运行时，我都会收到 Git 身份验证对话框#

VS Code 会自动从服务器获取更改，以便向您显示传入更改的摘要。Git 身份验证对话框独立于 VS Code 本身，是您当前 Git 凭据帮助程序的一部分。

避免这些提示的一种方法是设置一个记住您的凭据的凭据助手。

另一种方法是禁用自动通过改变以下设置抓取特点："git.autofetch": false。

我可以在 VS Code 中使用 SSH Git 身份验证吗？#

是的，尽管 VS Code 最容易使用 SSH 密钥而无需密码。如果您有带密码的 SSH 密钥，则需要从 Git Bash 提示符启动 VS Code 以继承其 SSH 环境。

Visual Studio Code 使用Git进行版本控制
zoro_Dcup的专栏
09-13 2295
原文链接： https://www.cnblogs.com/xuanhun/p/6019038.html?utm_source=tuicool&amp;utm_medium=referral 此处记录几个简单步骤，如需查看详细步骤，请移步上面链接。感谢博主总结。 前提，安装最新版本vs code 和 Git 客户端 1、首先在本地创建项目，或者打开项目，然后初始化。如下红框内容就是GIT版...
Visual Studio Code 使用Git进行版本控制（图文教程）
01-20
今天首次使用VS Code的Git功能，翻遍了 所有中文教程，竟没有一个靠谱的。遂动笔写一篇。 请确保你安装了最新的VS Code.http://code.visualstudio.com/ 请确保安装了最新版的Git。https://git-scm.com/download。git...
在 VS Code 中配置 Git 简明教程
最新发布
GISer help GISer
04-26 1552
在使用 VS Code 进行代码管理时，若 Git 未被自动识别，通常是由于路径未正确配置。本教程详细指导如何在 VS Code 中手动设置 Git 路径，确保版本控制功能正常使用。只需在 settings.json 中添加 "git.path" 字段（如 D:\Program Files\Git\cmd\git.exe），保存并重启即可。适用于 Windows 用户解决 Git 集成问题，提升开发效率。
在 Visual Studio Code (VS Code) 中使用 Git
lixin5456985的博客
11-21 9553
一、前置要求 安装 Git： Git 官方下载地址。 安装完成后，确保命令行能正常使用 git 命令： git --version 配置 Git： 设置用户名和邮箱： git config --global user.name "Your Name" git config --global user.email "your_email@example.com" 安装 VS Code： VS Code 官方下载地址。 检查 Gi
Visual Studio Code 使用Git详细教程
苦逼打工人的博客
08-14 1774
Visual Studio Code 使用Git详细教程
Visual Studio Code配置git以及常用的git命令进行代码管理
qq_44442727的博客
07-18 1万+
由于之前我的vscode配置git失败了，所以每次代码更新我都是打开GitBash界面，复制ssh或http进行gitclone，久而久之，一个框架的代码就被我拉了很多版本，而且不同的版本自己也有更改，所以拉了新版本后也不能把旧的给删除，于是就积累了很多，一时也不太好找出想要用的代码，甚是烦人。结合git命令可以直接拉取上传或更新的部分代码，非常方便简单。近期实在用的太频繁了，一两天就要跟新，所以我彻底卸了之前的软件，重新安装设置了一下，结果可以用了，甚是喜悦。现在暂记一下，后面要做重复工作便于查阅。...
Visual Studio Code(vscode) git的使用教程
09-30
Visual Studio Code（简称VSCode）是微软开发的一款免费、开源的现代化轻量级代码编辑器，它支持Git版本控制系统的集成，使得代码管理变得方便快捷。在VSCode中使用Git可以完成从创建仓库到提交更改的全套操作，而且...
在 Visual Studio Code 中使用 Git 源代码管理.pdf
11-21
Visual Studio Code（VSCode）是一个功能强大的源代码编辑器，它内置了Git源代码管理（SCM）功能，使得开发者可以直接在VSCode内进行版本控制操作。VSCode支持多种源代码控制提供程序，通过安装相关扩展，可以扩展其...
gitHistoryVSCode:Visual Studio Code的Git历史记录
05-02
Git历史记录，搜索和更多内容（包括git log ） 查看和搜索git日志以及图形和详细信息。 查看文件的先前副本。 查看和搜索历史 查看一个或所有分支的历史记录（git日志） 查看文件的历史记录 查看文件中的行的...
Visual Studio Code 上使用Git 简易指南
will_king0308的博客
09-18 1715
首先点击菜单栏 查看 - 终端，切换到了命令台，下面可以使用git指令了； 如果你要从你的服务器上将你的程序clone到本地命令如下： 2.1 cd命令切换到具体的本地目录 2.2 clone到指定文件夹，命令：git clone http://192.168.1.8/fk189/boot_fk-8f5.git “./” 如果你需要切换到程序的某个具体分支命令如下： 命令：git checkout b60ea450 （checkout后面一大串为我程序版本的具体串号） 程序修改完后如果有提..
visual studio code使用git
乌龟赛跑
09-04 2167
1、首先在系统path路径中配置好git的bin目录，打开visual studio code的时候就会自动识别到git。 2、在github或者码云等创建仓库，复制仓库地址。 3、连接远程代码仓库，在terminal窗口输入 git remote add origin 仓库地址 git pull origin master 4、这个时候会报错： The current branch mast...
在Visual Studio Code中使用Gitee进行版本管理（超详细）
热门推荐
qq_47009853的博客
03-02 2万+
这是我自己总结的VS Code与Gitee实现版本管理的方法步骤，非常清晰！
Visual Studio中Git的简单使用
dotNET跨平台
02-15 7523
写程序必然需要版本控制，哪怕是个人项目也是必须的，VS2015开始默认提供了对Git的支持。考虑到现在Git很火，作为微软系的程序员也不得不学一点防身，以免被开源世界的家伙们嘲笑，但是我相信用惯了SVN和TFS的童鞋们，需要一点勇气去学习一些新东西，特别是Git已经形成潮流，并且极大的推动了开源代码的交流学习。再说只要10分钟就能学会……基本的使用……　　首先要区分下Git和GitHub，前者是...
Visual Studio Code, Git使用教程
yqj234的专栏
09-18 332
1.在 VSC中添加遠程主機的代碼 2.將本地倉庫的代碼 push到遠程倉庫 3.本地修改文件
前端自动化构建入门3-在visual studio code中使用git
Nex_x的博客
06-26 1147
在GitHub上建立自己的git库1.登录到github 2.点击头像，点击Your profile 3.点击Repositories选项卡 4.点击New创建库，你可以选择创建public库，也可以选择创建private私有库（需要付费），此处仅作为在vsc中使用git的示例，选择public即可。5.创建完成后，即可在Your profile->Overview中看到你所创建的库，进入库中
visual studio code的git使用教程
12-22
以下是Visual Studio Code使用Git进行版本控制的教程： 1. 首先，确保你已经安装了Git和Visual Studio Code。 2. 打开Visual Studio Code，在左侧的侧边栏中点击第三个图标，即源代码管理（Source Control）。 3. 在源代码管理面板中，点击初始化存储库（Initialize Repository）按钮，选择一个文件夹作为你的存储库。 4. 在弹出的对话框中输入存储库的名称，并选择存储库的位置。 5. 在源代码管理面板中，你将看到你的存储库中的所有文件。点击加号（+）按钮将文件添加到暂存区。 6. 在提交消息（Commit Message）输入框中输入你的提交消息，并点击勾号（√）按钮提交更改。 7. 在源代码管理面板中，点击三个点（...）按钮，选择推送（Push）来将你的更改推送到远程存储库。 8. 如果你想拉取（Pull）远程存储库中的更改，点击三个点（...）按钮，选择拉取（Pull）。 9. 如果你想切换分支（Branch），点击分支（Branch）按钮，选择一个分支。 10. 如果你想创建一个新的分支，点击分支（Branch）按钮，选择创建分支（Create Branch）。 11. 如果你想合并分支，点击分支（Branch）按钮，选择合并分支（Merge Branch）。 12. 如果你想查看提交历史，点击源代码管理面板中的提交（Commit）按钮。 13. 如果你想撤销更改，点击源代码管理面板中的撤销更改（Discard Changes）按钮。 14. 如果你想解决冲突，点击源代码管理面板中的解决冲突（Resolve Conflicts）按钮。 15. 如果你想查看文件的差异，点击源代码管理面板中的文件差异（File Diff）按钮。 16. 如果你想查看文件的历史记录，右键点击文件，在上下文菜单中选择查看文件历史记录（View File History）。 希望这个教程对你有帮助！如果你有任何其他问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值