在 VS Code 中使用 GitHub

article/2025/10/13 14:30:28

在 VS Code 中使用 GitHub

原文:Working with GitHub in Visual Studio Code

将GitHub与 Visual Studio Code 结合使用可让您共享源代码并与他人协作。GitHub 集成是通过GitHub Pull Requests and Issues扩展实现的。

安装 GitHub 拉取请求和问题扩展

要在 VS Code 中开始使用 GitHub,您需要创建一个帐户并安装GitHub Pull Requests and Issues扩展。在本主题中,我们将演示如何在不离开 VS Code 的情况下使用 GitHub 的一些您最喜欢的部分。

如果您不熟悉源代码控制并希望从那里开始,您可以了解 VS Code 的源代码控制集成。

GitHub 拉取请求和问题入门#

安装GitHub Pull Requests and Issues扩展后,您需要登录。按照提示在浏览器中使用 GitHub 进行身份验证并返回到 VS Code。

扩展登录

如果您没有被重定向到 VS Code,您可以手动添加您的授权令牌。在浏览器窗口中,您将收到您的授权令牌。复制令牌,然后切换回 VS Code。在状态栏中选择Signing in to github.com…,粘贴令牌,然后按 Enter。

设置存储库#

克隆一个仓库#

您可以使用命令面板中的Git: Clone命令 ( Ctrl+Shift+P ) 或使用源代码管理视图中的克隆存储库按钮(当您没有打开文件夹时可用)从 GitHub 搜索和克隆存储库。

从 GitHub 克隆

与现有的存储库进行身份验证

当您在 VS Code 中运行任何需要 GitHub 身份验证的 Git 操作(例如推送到您所属的存储库或克隆私有存储库)时,就会通过 GitHub 启用身份验证。您不需要为身份验证安装任何特殊的扩展;它内置于 VS Code 中,因此您可以有效地管理您的存储库。

当您执行需要 GitHub 身份验证的操作时,您会看到登录提示:

认证提示

按照步骤登录 GitHub 并返回 VS Code。如果对现有存储库的身份验证无法自动进行,您可能需要手动提供个人访问令牌。有关详细信息,请参阅个人访问令牌身份验证。

请注意,有多种方法可以对 GitHub 进行身份验证,包括使用您的用户名和密码进行双重身份验证 (2FA)、个人访问令牌或 SSH 密钥。有关每个选项的更多信息和详细信息,请参阅关于对 GitHub 的身份验证。

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

编辑器集成#

悬停#

当您打开一个存储库并且用户被 @ 提及时,您可以将鼠标悬停在该用户名上并看到一个 GitHub 风格的悬停。

用户悬停

对于#提及的问题编号、完整的 GitHub 问题 URL 和存储库指定的问题,也有类似的悬停。

问题悬停

建议#

用户建议由“@”字符触发,问题建议由“#”字符触发。在编辑器和源代码控制视图的输入建议。

用户和问题建议

建议中出现的问题可以使用GitHub Issues: Queries (githubIssues.queries)设置进行配置。Queries使用GitHub 搜索语法。

您还可以设置 GitHub Issues: Ignore Completion Trigger (githubIssues.ignoreCompletionTrigger) 和 GitHub Issues: Ignore User Completion Trigger(githubIssues.ignoreUserCompletionTrigger).来配置哪些文件显示这些建议。这些设置采用一组语言标识符来指定文件类型。

// Languages that the '#' character should not be used to trigger issue completion suggestions.
"githubIssues.ignoreCompletionTrigger": ["python"
]

拉取请求#

拉取请求视图中,您可以查看、管理和创建拉取请求。

拉取请求视图

用于显示拉取请求的查询可以使用GitHub Pull Requests: Queries (githubPullRequests.queries) 设置进行配置,Queries需要使用GitHub 搜索语法。

"githubPullRequests.queries": [{"label": "Assigned To Me","query": "is:open assignee:${user}"},

创建拉取请求#

您可以使用GitHub Pull Requests: Create Pull Request命令或使用视图中的**+** Pull Requests按钮来创建拉取请求。如果您尚未将分支推送到远程,扩展程序将为您执行此操作。您可以使用上次提交消息、分支名称或为拉取请求编写自定义标题。如果您的存储库有拉取请求模板,这将自动用于描述。

创建拉取请求

回顾#

可以从“拉取请求”视图中查看拉取请求。您可以从拉取请求描述中分配审阅者和标签、添加评论、批准、关闭和合并所有内容。

审查拉取请求

在描述页面,您还可以使用Checkout按钮轻松地在本地检出拉取请求。这将在 Pull Request视图中添加一个新的Changes,您可以从中查看当前更改以及所有提交和这些提交中的更改的差异。被评论过的文件用菱形图标装饰。要查看磁盘上的文件,您可以使用Open File内联操作。

拉取请求的变化

此视图中的差异编辑器使用本地文件,因此文件导航、智能感知和编辑工作正常。您可以在编辑器中对这些差异添加评论。支持添加单个评论和创建完整评论。

问题#

创建问题#

可以通过“问题”视图中的+按钮以及使用GitHub Issues: Create Issue from Selection and GitHub Issues: Create Issue from Clipboard commands命令来创建问题。它们也可以使用“TODO”注释的代码操作来创建。

从 TODO 创建问题

您可以使用GitHub Issues: Create Issue Triggers (githubIssues.createIssueTriggers) 设置为代码操作配置触发器

默认的问题触发器是:

"githubIssues.createIssueTriggers": ["TODO","todo","BUG","FIXME","ISSUE","HACK"
]

处理问题#

从“问题”视图中,您可以查看您的问题并对其进行处理。默认情况下,当您开始处理问题时,将为您创建一个分支。您可以使用GitHub Issues: Working Issue Branch (githubIssues.workingIssueBranch)设置来配置分支的名称。Source Control视图中的提交消息输入框将填充一条提交消息,可以使用GitHub Issues: Working Issue Format SCM (githubIssues.workingIssueFormatScm)进行配置。

工作问题

如果您的工作流程不涉及创建分支,或者如果您希望每次都被提示输入分支名称,您可以通过关闭GitHub Issues: Use Branch For Issues (githubIssues.useBranchForIssues)设置来跳过该步骤。

GitHub 存储库扩展#

GitHub存储库扩展可以让你快速浏览,搜索,编辑,并直接从Visual Studio代码中提交到任何远程GitHub的仓库,而无需在本地克隆库。这对于许多场景来说既快速又方便,您只需要查看源代码或对文件或资产进行小的更改。

GitHub 存储库扩展

打开存储库#

安装 GitHub Repositories 扩展后,您可以使用GitHub Repositories: Open Repository…命令从命令面板 ( Ctrl+Shift+P ) 或通过单击状态栏左下方的远程指示器打开存储库.

状态栏中的远程指示器

当您运行Open Repository命令时,您然后可以选择是从 GitHub 打开存储库、从 GitHub 打开拉取请求,还是重新打开您之前连接到的存储库。

如果您之前没有从 VS Code 登录到 GitHub,系统会提示您使用 GitHub 帐户进行身份验证。

GitHub 存储库扩展打开存储库下拉菜单

您可以直接提供存储库 URL 或通过在文本框中键入来搜索 GitHub 以查找所需的存储库。

选择存储库或拉取请求后,VS Code 窗口将重新加载,您将在文件资源管理器中看到存储库内容。然后,您可以打开文件(使用完整的语法突出显示和括号匹配)、进行编辑和提交更改,就像处理存储库的本地克隆一样。

与使用本地存储库的一个区别是,当您使用 GitHub 存储库扩展提交更改时,更改会直接推送到远程存储库,类似于您在 GitHub Web 界面中工作。

GitHub Repositories 扩展的另一个功能是,每次打开存储库或分支时,您都会从 GitHub 获得可用的最新源。您不需要像使用本地存储库那样记住拉取刷新。

切换分支#

您可以通过单击状态栏中的分支指示器轻松地在分支之间切换。GitHub Repositories 扩展的一大特色是您可以切换分支而无需存储未提交的更改。该扩展程序会记住您的更改并在您切换分支时重新应用它们。

状态栏上的分支指示器

远程资源管理器#

您可以使用活动栏上可用的远程资源管理器快速重新打开远程存储库。此视图向您显示以前打开的存储库和分支。

远程资源管理器视图

创建拉取请求#

如果您的工作流使用拉取请求,而不是直接提交到存储库,您可以从源代码控制视图创建新 PR。系统会提示您提供标题并创建一个新分支。

在源代码管理视图中创建拉取请求按钮

创建拉取请求后,您可以使用GitHub 拉取请求和问题扩展来审查、编辑和合并您的 PR,如本主题前面所述。

虚拟文件系统#

如果本地机器上没有存储库的文件,GitHub 存储库扩展会在内存中创建一个虚拟文件系统,以便您可以查看文件内容并进行编辑。使用虚拟文件系统意味着某些假定本地文件的操作和扩展未启用或功能有限。任务、调试和集成终端等功能未启用,您可以通过远程指示器悬停中的功能不可用链接了解对虚拟文件系统的支持级别。

带有功能的远程指示器悬停不可用链接

扩展作者可以在Virtual Workspaces 扩展作者指南 中了解有关在虚拟文件系统和工作区中运行的更多信息。

继续工作… #

有时,您会希望切换到在支持本地文件系统以及完整语言和开发工具的开发环境中处理存储库。GitHub 存储库扩展使您可以轻松地将存储库克隆到本地或 Docker 容器(如果您安装了Docker和 Microsoft Docker 扩展),并使用**GitHub 存储库:继续工作…**命令可从命令面板 ( Ctrl +Shift+P ) 或通过单击状态栏中的远程指示器。

继续处理远程下拉菜单中的命令


http://chatgpt.dhexx.cn/article/KpMFKFxp.shtml

相关文章

Linux下如何快速使用GitHub

前言 Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。本文通过介绍常见的git命令,分享Ubuntu下如何快速使用Git管理项目,话不多说,直接开始用git。 Linux下快速使用GitHub 前言1、准备工作&#xf…

Logseq 本地端使用 Github 同步

2020/11/25 更新 Logseq 的网页端同步 Github 有很多 BUG,难以正常使用,解决办法见另一篇文章: Logseq 利用 Obsidian 多端同步 目录 2020/11/25 更新一、需求分析二、基本思路1. 📂Logseq 新建图谱 Graph(如果已经有…

同一台电脑同时使用gitHub和gitLab

同一台电脑同时使用gitHub和gitLab 一,生成ssh密钥并配置 分别对gitlab和github生成对应的密钥(默认情况下本地生成的秘钥位于C:/Users/用户名/.ssh/) 1,生成gitlab密钥并配置 电脑开始菜单中找到已安装的gitbash并打开&#x…

使用GitHub Actions实现Android自动打包apk

记录一下,免得忘了 实现根据tag自动打包并上传至release 官方文档 workflow name: Android CI# 触发器 on:push:tags:- v*pull_request:tags:- v*jobs:build:runs-on: ubuntu-latest# 设置jdk环境为1.8steps:- uses: actions/checkoutv2- name: set up JDK 1.8use…

VSCode中使用github

目录 一、VSCode下载安装 二、Git下载安装 三、在VSCode中用Git生成ssh密钥 1)添加GitHub用户名和邮箱: 2)生成ssh密钥: 四、在Github中添加ssh密钥 1)在github个人主页,点击右上角, 然后点击Settin…

作为研发如何使用Github Api?

文章目录 使用步骤账号创建进行开发者相关设置API操作演示Github API好处推荐的Github API 🌟个人主页: 个人主页 🚵‍♀️个人介绍:每天进步一点点,生活变得好一点点。 📌作为一位开发,不管是非工作的还是工作中的人士…

Ubuntu上使用GitHub的步骤

文章目录 前言一、在Ubuntu上安装Git二、git clone: 把远程库克隆到本地三、开始使用:常用操作1.本地修改后同步到远程库(1)git add(2)git commit(3)git push 2. 从远程库获取最新版本的代码 前…

如何使用 GitHub?

作者:GitHubPorn 链接:https://www.zhihu.com/question/20070065/answer/1879847761 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 这题我会呀!我用两万字加一百张图片从头到尾…

人工智能简史(Rockwell Anyoha )

一、机器会思考吗? 20世纪上半叶,科幻小说让世界熟悉了人工智能机器人的概念。它从《绿野仙踪》中的“无情”铁皮人开始,然后是在大都会模仿玛丽亚的人形机器人。到 1950 年代,我们有一代科学家、数学家和哲学家,他们的…

人工智能的发展,主要经历哪几个阶段?

人工智能的发展主要经历了五个阶段: (1)萌芽阶段,上世纪50年代,以申农为首的科学家共同研究了机器模拟的相关问题,人工智能正式诞生; (2)第一发展期,上世纪60…

人工智能的发展历程,AI ,路在何方(文章分享)

人工智能的发展历程,AI ,路在何方(文章分享) 详细请见原文,原文连接 相信有许多初入人工智能领域的朋友,像我一样,或多或少会对人工智能的历史、未来感到迷茫。当我读完这篇文章的时候&#xf…

人工智能 AI 绘画发展史

到了去年4月, 著名人工智能团队OpenAI 也发布了新模型 DALLE 2代,该名称来源于著名画家达利(Dal)和机器人总动员(Wall-E), 同样支持从文本描述生成效果良好的图像. 而很多读者对AI绘画开始产生特别的关注, 或许是从以下…

AI 芯片的简要发展历史

随着人工智能领域不断取得突破性进展。作为实现人工智能技术的重要基石,AI芯片拥有巨大的产业价值和战略地位。作为人工智能产业链的关键环节和硬件基础,AI芯片有着极高的技术研发和创新的壁垒。从芯片发展的趋势来看,现在仍处于AI芯片发展的…

你应当知道的人工智能发展历史

人工智能是指由人工制造出来的系统所表现出来的智能。这个词是由约翰麦卡锡(J.McCarthy)于1956年在达特茅斯会议上提出。正是基于在人工智能领域的贡献,约翰麦卡锡在1971年被授予了计算机界的最高奖项 —— 图灵奖。 然而在更早的1950年&…

多智时代,人工智能发展历史的时间表

1950年:英国数学家、计算机之父阿兰・图灵在他发表的论文“计算机器与智能”中,开宗明义第一句话就是“我开始考虑这个问题:机器能思考吗?” 1956年:在达特茅斯学院举行的一个研讨会上,正式创造了“人工智…

AI的历史发展

文章目录 1. 历史发展的简要介绍1.1 历史简介 2. 历史发展的详细介绍2.1 赫布理论2.2 跳棋程序2.3 感知机2.4 AI的第一次危机2.5 MLP和BP2.5.1 反向传播2.5.2 具体实例 2.6 决策树算法2.7 SVM2.7.1 几何间隔和函数间隔2.7.2 拉格朗日乘子法 2.8 Adaboost2.9 Random Forest2.10 …

人工智能发展历史与常见名词解释

人工智能(Artificial Intelligence) Artificial Intelligence,也叫 AI,这是一个比较统称的说法,通俗来说就是让机器能像人一样对事物做出反应,该领域的研究包括机器人、图像识别(CV&#xff09…

一文述说人工智能(AI)发展史,几经沉浮!

人工智能将和电力一样具有颠覆性 。 --吴恩达 如同蒸汽时代的蒸汽机、电气时代的发电机、信息时代的计算机和互联网,人工智能(AI)正赋能各个产业,推动着人类进入智能时代。 本文从介绍人工智能及主要的思想派系,进一步…

人工智能的历史(History of artificial intelligence)

人工智能的历史起于远古时代,夹杂者神话故事和各种流言,正如帕梅拉( Pamela McCorduck)所说,远古人类创造AI 的初心是为了创造一个人造的上帝。比如希腊的金色机器人 火神赫菲斯托斯 和 Pygmalion’s Galatea。 远古…

机械设备配套风机常用选型资料

机械设备配套风机常用选型资料 机械设备配套专用风机,产生极强的吸力和压力使集尘器内部形成局部真空,在吸力和压力的作用下,空气高速排出。它属于机械设备中的那一类产品?这些都是我们需要了解和认识的,这样才能对风机以及风机行业进行一个很好的了解。…