如何将代码从 VS Code 推送到 GitHub

准备好将你的编程之旅提升到一个新的水平，并将你的项目分享到 GitHub 了吗？无论你是编程新手还是经验丰富的程序员，了解如何将Visual Studio Code (VS Code) 项目推送到GitHub都是任何开发者的必备技能。在本篇面向初学者的教程中，我们将一步一步地引导你完成整个过程。

先决条件

在开始之前，请确保您的计算机上已安装 Visual Studio Code 和Git。此外，您还需要设置一个 GitHub 帐户。如果您还没有帐户，请访问GitHub.com并创建一个帐户——它是免费的，而且只需几分钟。

第一步：准备你的项目

打开 VS Code 编辑器，确保你的项目已准备就绪。在本教程中，我将使用一个包含 HTML 文件、CSS 文件和 README 文件的小项目。这就是我想提交到 GitHub 仓库的内容。

VS Code 编辑器

步骤 2：初始化您的存储库

在 Visual Studio Code 中，导航到源代码控制视图。您可以通过单击左侧的图标或按 Ctrl + Shift + G 来完成此操作。

在 VS Code 中初始化 Git 仓库

出现提示时，单击“初始化仓库”按钮。此操作会在当前文件夹中创建一个新的 Git 仓库，以便您可以开始跟踪代码更改。

在 VS Code 中初始化 Git 仓库

步骤三：提交更改

源代码控制视图现在会列出您对项目所做的所有更改。选择要包含在此次提交中的所有文件，并输入描述性的提交消息。然后，点击“提交”按钮保存更改。

在 VS Code 中提交源代码

步骤 4：推送到 GitHub

在浏览器中访问 GitHub.com 并创建一个新的存储库。

创建 GitHub 仓库

按照向导设置您的存储库。

创建 GitHub 仓库

创建完成后，从快速设置部分复制存储库的 URL。

复制 GitHub 网址

切换回 VS Code 编辑器。在源代码控制视图中，单击省略号 (...)，从下拉菜单中选择“拉取/推送”，然后选择“推送到”。

将代码从 VS Code 推送到 GitHub

系统会提示该存储库没有可推送的远程仓库，点击“添加远程仓库”按钮。

将代码从 VS Code 推送到 GitHub

粘贴你从 GitHub 复制的 URL，并给它起个名字。

将代码从 VS Code 推送到 GitHub

VS Code 现在会显示一个按钮，允许您将代码推送到 GitHub。点击“发布分支”按钮即可完成该过程。

将代码从 VS Code 推送到 GitHub

步骤 5：在 GitHub 上验证

您的代码已推送到 GitHub！您可以在浏览器中打开 GitHub 仓库并刷新页面查看您的代码。

在 GitHub 上查看代码

恭喜！您已成功将 Visual Studio Code 项目推送到 GitHub。接下来，您可以继续修改代码、提交更改并将其同步到 GitHub。请记住，掌握此流程对于与他人协作和有效管理代码至关重要。祝您编码愉快！