通过 VS Code 管理项目并推送到 GitHub 🚀

在这篇文章中，我们将逐步讲解如何通过 Visual Studio Code (VS Code) 的图形界面来完成 Git 配置、初始化本地 Git 仓库、提交更改，并将项目推送到 GitHub。所有操作都将通过直观的图形界面完成，无需使用命令行。

1. 配置 Git 用户信息 ⚙️

1. 打开 VS Code：启动 VS Code 应用程序。

2. 访问设置：

   • 点击左下角的齿轮图标（⚙️），然后选择 设置，或使用快捷键 Ctrl + ,。

3. 搜索 Git 设置：

   • 在设置面板的搜索框中，输入 Git，然后找到 Git: User Name 和 Git: User Email 设置项。

4. 输入用户信息：

   • 在 Git: User Name 和 Git: User Email 中，输入你的 Git 用户名和电子邮件地址。例如：
     • Git: User Name: 你的用户名
     • Git: User Email: 你的邮箱@example.com

   如果这些选项不可用，可以通过命令面板进行配置：

   • 打开命令面板（Ctrl + Shift + P），输入并选择 Git: Configure User Name 和 Git: Configure User Email，然后按照提示输入相关信息。

2. 初始化本地 Git 仓库 📦

1. 打开你的项目：在 VS Code 中，打开你想要初始化为 Git 仓库的项目文件夹。

2. 访问源代码管理视图：

   • 点击左侧活动栏中的 源代码管理 图标（一个分支图标）。

3. 初始化仓库：

   • 如果项目尚未初始化为 Git 仓库，源代码管理视图顶部会显示 初始化仓库 按钮。点击此按钮，VS Code 会自动在你的项目目录中创建一个 .git 文件夹，标志着项目已经成为 Git 仓库。

4. 查看本地更改：

   • 仓库初始化后，你会在源代码管理视图中看到所有未跟踪的文件。这些文件在本地已被标记为未提交状态。

3. 提交文件 ✏️

1. 选择文件：

   • 在 源代码管理 视图中，你会看到未跟踪的文件列表。点击文件名旁边的 + 按钮将其添加到暂存区。

2. 添加到暂存区：

   • 你可以逐个选择文件，或点击 阶段所有变更 来将所有文件添加到暂存区。

3. 输入提交信息：

   • 在 源代码管理 视图中，顶部有一个提交消息框。在框中输入描述性的信息，例如 “首次提交”。

4. 提交更改：

   • 输入提交信息后，点击提交按钮（通常是一个勾号图标 ✅），完成提交操作。

4. 将项目推送到 GitHub 🌐

1. 创建 GitHub 仓库：

   • 登录到你的 GitHub 账户，点击右上角的 + 按钮，选择 New repository。
   • 输入仓库名称和描述，然后点击 Create repository。记下仓库的 URL，例如 https://github.com/your-username/your-repository.git。

2. 添加远程仓库：

   • 回到 VS Code，点击左侧活动栏中的 源代码管理 图标。
   • 点击顶部的 更多操作 按钮（省略号 ...），选择 添加远程。
   • 在弹出的对话框中，输入远程仓库的名称（通常是 origin）和 URL。点击 确定。

3. 推送更改：

   • 在 源代码管理 视图中，点击顶部的 同步 按钮 🔄。VS Code 将会把你的本地提交推送到 GitHub，并从远程仓库拉取最新更改（如果有的话）。

4. 设置默认推送分支（如果需要）：

   • 点击 更多操作 按钮，选择 推送到，然后选择你要推送的分支（通常是 main 或 master）。这会将本地分支与远程分支关联起来。

5. 检查推送结果 ✅

1. 查看推送状态：

   • 在 VS Code 的 源代码管理 视图中，检查推送操作的状态。如果一切正常，你的提交将会显示在 GitHub 仓库的提交历史中。

2. 验证 GitHub 上的更改：

   • 打开 GitHub 仓库页面，检查是否能看到你刚刚推送的提交和文件。

总结

通过以上步骤，你可以完全通过 VS Code 的图形界面来完成 Git 配置、初始化本地 Git 仓库、提交更改以及将项目推送到 GitHub。这种方法非常适合那些更喜欢图形界面的用户，而不是使用命令行。

希望这篇文章对你有所帮助！如果你有任何问题或需要更多的细节，请随时留言 💬。