邯郸 [ 更换 ]
热门城市
北京上海广州深圳成都杭州南京武汉天津西安重庆青岛沈阳长沙大连厦门无锡福州济南宁波昆明苏州郑州长春合肥南昌哈尔滨常州烟台南宁温州石家庄太原珠海南通扬州贵阳东莞徐州大庆佛山威海洛阳淮安呼和浩特镇江潍坊桂林中山临沂咸阳包头嘉兴惠州泉州三亚赣州九江金华泰安榆林许昌新乡舟山慈溪南阳聊城海口东营淄博漳州保定沧州丹东宜兴绍兴唐山湖州揭阳江阴营口衡阳郴州鄂尔多斯泰州义乌汕头宜昌大同鞍山湘潭盐城马鞍山襄樊长治日照常熟安庆吉林乌鲁木齐兰州秦皇岛肇庆西宁介休滨州台州廊坊邢台株洲德阳绵阳双流平顶山龙岩银川芜湖晋江连云港张家港锦州岳阳长沙县济宁邯郸江门齐齐哈尔昆山柳州绍兴县运城齐河衢州太仓张家口湛江眉山常德盘锦枣庄资阳宜宾赤峰余姚清远蚌埠宁德德州宝鸡牡丹江阜阳莆田诸暨黄石吉安延安拉萨海宁通辽黄山长乐安阳增城桐乡上虞辽阳遵义韶关泸州南平滁州温岭南充景德镇抚顺乌海荆门阳江曲靖邵阳宿迁荆州焦作丹阳丽水延吉茂名梅州渭南葫芦岛娄底滕州上饶富阳内江三明淮南孝感溧阳乐山临汾攀枝花阳泉长葛汉中四平六盘水安顺新余晋城自贡三门峡本溪防城港铁岭随州广安广元天水遂宁萍乡西双版纳绥化鹤壁湘西松原阜新酒泉张家界黔西南保山昭通河池来宾玉溪梧州鹰潭钦州云浮佳木斯克拉玛依呼伦贝尔贺州通化朝阳百色毕节贵港丽江安康德宏朔州伊犁文山楚雄嘉峪关凉山雅安西藏四川广东河北山西辽宁黑龙江江苏浙江安徽福建江西山东河南湖北湖南海南贵州云南陕西甘肃青海台湾内蒙古广西宁夏香港澳门
培训资讯网 - 为兴趣爱好者提供专业的职业培训资讯知识

软件开发 | 详解:如何将 GitHub 连接到 VS Code

开发
软件开发 | 详解:如何将 GitHub 连接到 VS Code

VS Code 无疑是最受欢迎的代码编辑器之一。同样,GitHub 是编码人员中最受欢迎的平台。

两种微软产品可以很好地融合在一起。你可以在 VS Code 中无缝编码并将更改推送到你的 GitHub 仓库。从同一个应用界面完成所有这些工作让生活变得如此轻松。

如何将 GitHub 添加到 VS Code? 其实很容易。

在本教程中,我将展示:

  • 如何将你的 GitHub 帐户集成到 VS Code 中
  • 如何将仓库从 GitHub 克隆到 VS Code 中
  • 如何将你的更改从 VS Code 推送到 GitHub

听起来不错?让我们看看如何去做。

先决条件

请确保你的计算机上安装了 Git。怎么做?

一种方法是转到 VS Code 中的源代码管理视图。如果未安装 Git,它会要求你下载它。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

另一件事是你需要配置 Git 用户名和电子邮件

将 GitHub 添加到 VS Code

VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库和推送你的更改。

从左侧边栏转到源代码选项卡。你应该看到 “克隆仓库Clone Repository” 或 “发布到 GitHubPublish to GitHub”(如果你已经打开了一个文件夹)选项。单击 “克隆仓库Clone Repository” 并为其提供 GitHub 仓库链接或单击 “从 GitHub 克隆Clone from GitHub”。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

然后它会显示一条消息,要求你登录 GitHub。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

你单击“允许Allow”按钮,它将打开 GitHub 登录页面。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

如果你尝试克隆一个仓库,你应该会看到这样的消息并单击 “打开Open”。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

这应该需要几秒钟,你就会登录到你的 GitHub 帐户。

你怎么知道你已经使用 VS Code 登录到 GitHub?

好吧,它将开始在顶部视图中显示你的 GitHub 仓库(如果有的话)(如果你之前按下了“克隆存储库”)。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

或者,你可以单击左下角的配置文件图标,查看它是否显示你已登录到你的 GitHub 帐户。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

在 GitHub 中克隆一个 GitHub 仓库

如果你已经在 GitHub 中打开了一个项目,想要克隆另一个 GitHub 仓库,有几种方法可以做到。

你可以使用 Git 命令将仓库克隆到磁盘上,然后在 VS Code 中打开此仓库文件夹。

或者,如果你不想使用命令行,则可以坚持使用 VS Code。

这很简单。在 VS Code 中打开一个新窗口。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

这将为你提供一个全新、干净的编辑器。如果看到欢迎屏幕,你可以从那里单击 “克隆存储库” 的快速链接。

否则,从左侧边栏转到“源码管理Source Control”选项卡,然后单击“克隆仓库Clone Repository”按钮。

它将在顶部打开一个视图。你可以直接复制 GitHub 仓库的 URL。它可以自动从中获取克隆链接。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

它会问你把克隆的仓库放在哪里。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

它会询问你是否要将克隆的仓库在 VS Code 中打开。如果你想立即处理它,那就去做吧。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

不仅仅是克隆的存储库,VS Code 会询问你是否信任你添加到其中的任何文件夹的作者。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

好了,你已经在 VS Code 中克隆了一个 GitHub 仓库。让我们看看如何修改并将更改推送到 GitHub。

从 VS Code 推送更改到 GitHub

现在假设你对代码进行了一些更改并希望将提交推送到你的仓库。

当你将更改保存到文件中,VS Code 就会开始用 “M” 指示修改后的文件。对于新文件,符号为 “U”(未跟踪)。

从左侧进入“源码控制”,输入提交消息,然后单击提交旁边的按钮并选择 “提交并推送Commit & Push”。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

如果你没有配置 Git 用户名和电子邮件,你将看到如下错误。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

你可以 在全局或仓库级别设置用户名和电子邮件。完全根据你自己的选择。

? 对于成功的提交和推送,你不会看到任何错误。已修改文件或新文件旁边的 “M” 或 “U” 符号将消失。

你可以通过进入 GitHub 上的仓库来验证你的推送是否成功。

你可以选择在本地提交更改而不推送它们。你也可以在这里使用 git命令执行所有你以前使用过的操作。有用于创建拉取请求、刷新等等的选项。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

通过 GitHub 官方扩展将其提升到一个新的水平

有一个专用的官方扩展,让你还可以管理其他人对你的仓库的拉取请求并合并它们。你还可以在此处查看在你的仓库中打开中的问题。这是将 GitHub 与 VS Code 集成的更好方法。

打开 VS Code,然后转到左侧栏中的扩展选项卡。在这里搜索 “GitHub Pull Requests and Issues”。它是 GitHub 本身的官方插件。你可以看到已验证的勾选。

单击安装按钮并在你的编辑器上安装 扩展。

软件开发 | 详解:如何将 GitHub 连接到 VS Code

使用此扩展,如果其他人正在协作,你可以管理你的存储库。

在 VS Code 中完全集成 Git 和 GitHub 是件好事。不喜欢命令行的人肯定会喜欢这种集成。

我希望本教程能帮助你将 GitHub 无缝添加到 VS Code。如果你仍然遇到任何问题,请告诉我。

(题图:MJ/GitHub VS Code develop illustration in high resolution, very detailed, 8k)

via: https://itsfoss.com/vs-code-github/

作者:Abhishek Prakash选题:lkxed译者:geekpi校对:wxy

本文由 LCTT原创编译,Linux中国荣誉推出

相关知识

相关内容