diff --git a/translated/tech/20230412.5 ⭐️⭐️ How to Connect GitHub to VS Code [Step by Step].md b/published/20230412.5 ⭐️⭐️ How to Connect GitHub to VS Code [Step by Step].md similarity index 69% rename from translated/tech/20230412.5 ⭐️⭐️ How to Connect GitHub to VS Code [Step by Step].md rename to published/20230412.5 ⭐️⭐️ How to Connect GitHub to VS Code [Step by Step].md index 25ea873211..18b5c5d38c 100644 --- a/translated/tech/20230412.5 ⭐️⭐️ How to Connect GitHub to VS Code [Step by Step].md +++ b/published/20230412.5 ⭐️⭐️ How to Connect GitHub to VS Code [Step by Step].md @@ -3,28 +3,28 @@ [#]: author: "Abhishek Prakash https://itsfoss.com/author/abhishek/" [#]: collector: "lkxed" [#]: translator: "geekpi" -[#]: reviewer: " " -[#]: publisher: " " -[#]: url: " " +[#]: reviewer: "wxy" +[#]: publisher: "wxy" +[#]: url: "https://linux.cn/article-15750-1.html" -如何逐步将 GitHub 连接到 VS Code +详解:如何将 GitHub 连接到 VS Code ====== -![][1] +![][0] VS Code 无疑是最受欢迎的代码编辑器之一。同样,GitHub 是编码人员中最受欢迎的平台。 -两种微软产品都很好地融合在一起。你可以在 VS Code 中无缝编码并将更改推送到你的 GitHub 仓库。从同一个应用界面完成所有这些工作让生活变得如此轻松。 +两种微软产品可以很好地融合在一起。你可以在 VS Code 中无缝编码并将更改推送到你的 GitHub 仓库。从同一个应用界面完成所有这些工作让生活变得如此轻松。 如何将 GitHub 添加到 VS Code? 其实很容易。 在本教程中,我将展示: - 如何将你的 GitHub 帐户集成到 VS Code 中 -- 如何将仓库从 GitHub 克隆到 VS Code +- 如何将仓库从 GitHub 克隆到 VS Code 中 - 如何将你的更改从 VS Code 推送到 GitHub -听起来不错? 让我们看看如何去做。 +听起来不错?让我们看看如何去做。 ### 先决条件 @@ -34,13 +34,13 @@ VS Code 无疑是最受欢迎的代码编辑器之一。同样,GitHub 是编 ![Checking if Git is installed via VS Code][2] -另一件事是你**应该配置 Git 用户名和电子邮件**。 +另一件事是你**需要配置 Git 用户名和电子邮件**。 ### 将 GitHub 添加到 VS Code VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库和推送你的更改。 -从左侧边栏转到源代码选项卡。你应该看到 “**Clone Repository**” 或 “**Publish to GitHub**”(如果你已经打开了一个文件夹)选项。单击 **Clone Repository** 并为其提供 GitHub 仓库链接或单击 “**Clone from GitHub**”。 +从左侧边栏转到源代码选项卡。你应该看到 “克隆仓库Clone Repository” 或 “发布到 GitHubPublish to GitHub”(如果你已经打开了一个文件夹)选项。单击 “克隆仓库Clone Repository” 并为其提供 GitHub 仓库链接或单击 “从 GitHub 克隆Clone from GitHub”。 ![Cloning GitHub repo in VS Code][3] @@ -48,19 +48,19 @@ VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库 ![VS Code asking to sign in to GitHub][4] -你单击“允许”按钮,它将打开 GitHub 登录页面。 +你单击“允许Allow”按钮,它将打开 GitHub 登录页面。 ![Connect GitHub to VS Code][5] -如果你尝试克隆一个仓库,你应该会看到这样的消息并单击 **Open**。 +如果你尝试克隆一个仓库,你应该会看到这样的消息并单击 “打开Open”。 ![Opening GitHub repo in VS Code][6] -这应该需要几秒钟,你应该登录到你的 GitHub 帐户。 +这应该需要几秒钟,你就会登录到你的 GitHub 帐户。 #### 你怎么知道你已经使用 VS Code 登录到 GitHub? -好吧,它将开始在顶部视图中显示你的 GitHub 仓库(如果有的话)(如果你之前按下了克隆存储库)。 +好吧,它将开始在顶部视图中显示你的 GitHub 仓库(如果有的话)(如果你之前按下了“克隆存储库”)。 ![GitHub repos accessible from VS Code][7] @@ -80,9 +80,9 @@ VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库 ![Open a new window in VS Code][9] -这将为你提供一个全新、干净的编辑器。**如果看到欢迎屏幕**,你可以从那里单击 “Clone Git Repository” 的快速链接。 +这将为你提供一个全新、干净的编辑器。**如果看到欢迎屏幕**,你可以从那里单击 “克隆存储库” 的快速链接。 -否则,从左侧边栏转到“源码管理”选项卡,然后单击“克隆仓库”按钮。 +否则,从左侧边栏转到“源码管理Source Control”选项卡,然后单击“克隆仓库Clone Repository”按钮。 它将在顶部打开一个视图。你可以**直接复制 GitHub 仓库的 URL**。它可以自动从中获取克隆链接。 @@ -106,23 +106,23 @@ VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库 现在假设你对代码进行了一些更改并希望将提交推送到你的仓库。 -当你将更改保存到文件中,**VS Code 就会开始用 M 指示修改后的文件**。对于新文件,符号为 U(未跟踪)。 +当你将更改保存到文件中,**VS Code 就会开始用 “M” 指示修改后的文件**。对于新文件,符号为 “U”(未跟踪)。 -从左侧进入源码控制,输入提交消息,然后单击提交旁边的按钮并选择 Commit & Push。 +从左侧进入“源码控制”,输入提交消息,然后单击提交旁边的按钮并选择 “提交并推送Commit & Push”。 ![Push your changes to GitHub from VS Code][14] -**_如果你没有配置 Git 用户名和电子邮件,你将看到此错误。_** +_如果你没有配置 Git 用户名和电子邮件,你将看到如下错误。_ ![Error in VS Code if Git username and email is not set][15] -你可以[在全局或仓库级别设置用户名和电子邮件][16]。完全根据你自己的选择。 +你可以 [在全局或仓库级别设置用户名和电子邮件][16]。完全根据你自己的选择。 -> 📋 对于成功的提交和推送,你不会看到任何错误。已修改文件或新文件旁边的 M 或 U 符号将消失。 +> 📋 对于成功的提交和推送,你不会看到任何错误。已修改文件或新文件旁边的 “M” 或 “U” 符号将消失。 **你可以通过进入 GitHub 上的仓库来验证你的推送是否成功。** -你可以选择在本地提交更改而不推送它们。你也可以在这里使用 git 命令执行所有你以前使用过的操作。有用于创建拉取请求、刷新等等的选项。 +你可以选择在本地提交更改而不推送它们。你也可以在这里使用 `git` 命令执行所有你以前使用过的操作。有用于创建拉取请求、刷新等等的选项。 ![VS Code gives all kind of Git actions to perform][17] @@ -130,9 +130,9 @@ VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库 有一个专用的官方扩展,让你还可以**管理其他人对你的仓库的拉取请求并合并它们**。你还可以在此处查看在你的仓库中打开中的问题。这是将 GitHub 与 VS Code 集成的更好方法。 -打开 VS Code,然后转到左侧栏中的扩展选项卡。在这里**搜索 GitHub 拉取请求和问题**。它是 GitHub 本身的官方插件。你可以看到已验证的勾选。 +打开 VS Code,然后转到左侧栏中的扩展选项卡。在这里**搜索 “GitHub Pull Requests and Issues”**。它是 GitHub 本身的官方插件。你可以看到已验证的勾选。 -单击安装按钮并在你的编辑器上安装[扩展][18]。 +单击安装按钮并在你的编辑器上安装 [扩展][18]。 ![Installing GitHub extension in VS Code][19] @@ -142,6 +142,8 @@ VS Code 内置了 GitHub 集成。你不需要安装任何扩展来克隆仓库 我希望本教程能帮助你将 GitHub 无缝添加到 VS Code。如果你仍然遇到任何问题,请告诉我。 +*(题图:MJ/GitHub VS Code develop illustration in high resolution, very detailed, 8k)* + -------------------------------------------------------------------------------- via: https://itsfoss.com/vs-code-github/ @@ -149,7 +151,7 @@ via: https://itsfoss.com/vs-code-github/ 作者:[Abhishek Prakash][a] 选题:[lkxed][b] 译者:[geekpi](https://github.com/geekpi) -校对:[校对者ID](https://github.com/校对者ID) +校对:[wxy](https://github.com/wxy) 本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出 @@ -174,3 +176,4 @@ via: https://itsfoss.com/vs-code-github/ [17]: https://itsfoss.com/content/images/2023/04/git-actions-in-vs-code.png [18]: https://itsfoss.com/install-vs-code-extensions/ [19]: https://itsfoss.com/content/images/2023/04/install-github-extension-vs-code.png +[0]: https://img.linux.net.cn/data/attachment/album/202304/24/160055gt5d5u6dk5f4f5e7.jpg \ No newline at end of file