可以通过以下几种方法使用 VS Code 将代码提交到 GitHub 仓库：

核心流程（最常用）：

这个流程假设你已经在本地初始化了 Git 仓库，并且已经将其连接到了一个 GitHub 远程仓库。

  1. 打开项目文件夹： 在 VS Code 中打开你的项目所在的文件夹。
  2. 打开源代码管理视图： 点击 VS Code 左侧活动栏中的第三个图标（通常像一个分叉的树枝），或者使用快捷键 Ctrl+Shift+G (Windows/Linux) 或 Cmd+Shift+G (Mac)。
  3. 查看更改： 在源代码管理视图中，你会看到所有已修改但尚未提交的文件列在“更改”下面。
  4. 暂存更改 (Stage Changes)：
    • 暂存单个文件： 将鼠标悬停在要提交的文件上，然后点击右侧出现的 + (加号) 图标。
    • 暂存所有更改： 将鼠标悬停在“更改”标题上，然后点击右侧出现的 + (加号) 图标。
    • 暂存后的文件会移动到“已暂存的更改”区域。暂存意味着你希望将这些特定的更改包含在下一次提交中。
  5. 输入提交信息 (Commit Message)： 在源代码管理视图顶部的输入框中，输入本次提交的描述信息。这个信息应该清晰地说明你做了哪些更改（例如，“修复了登录页面的 bug”、“添加了用户注册功能”）。
  6. 提交更改 (Commit)： 点击输入框上方的 ✓ (对勾) 图标。这会将暂存的更改保存到你的本地 Git 仓库历史记录中。
  7. 推送更改到 GitHub (Push)：
    • 点击左下角状态栏中的同步按钮（通常显示分支名称旁边，可能带有上传/下载箭头图标，并显示需要推送的提交数量）。
    • 或者，点击源代码管理视图右上角的 ... (更多操作) 按钮，然后选择 推送 (Push)。
    • 或者，使用命令面板：按 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac)，输入 Git: Push 并按 Enter。
    • 第一次推送可能需要你登录 GitHub 账户进行授权。VS Code 会引导你完成这个过程。

场景一：本地已有项目，但尚未连接到 GitHub

  1. 在 VS Code 中打开项目文件夹。
  2. 初始化本地 Git 仓库：
    • 打开源代码管理视图 (Ctrl+Shift+G)。
    • 如果项目尚未初始化 Git，你会看到一个 “初始化存储库” 的按钮，点击它。
    • 或者，打开 VS Code 的集成终端 (Ctrl+ 反引号) 输入 git init。
  3. 进行首次提交： 按照上面“核心流程”的步骤 4、5、6 进行暂存和提交。
  4. 在 GitHub.com 上创建新的仓库： 不要勾选 “Initialize this repository with a README”。创建后，复制仓库的 URL（HTTPS 或 SSH 格式）。
  5. 将本地仓库连接到远程仓库：
    • 方法一 (推荐，VS Code 自动处理)： 在源代码管理视图中，通常在首次提交后，会看到一个 “发布分支” 或 “发布到 GitHub” 的按钮。点击它，VS Code 会引导你选择要发布的 GitHub 仓库（或者让你粘贴 URL 并添加远程）。
    • 方法二 (手动，使用终端)： 打开 VS Code 的集成终端 (Ctrl+ )，运行以下命令： 
      1
      2
      3
      git remote add origin <你的 GitHub 仓库 URL>
      git branch -M main  # 确保你的主分支名为 main (GitHub 的默认)
      git push -u origin main # 推送并设置上游跟踪
  6. 后续提交： 按照上面的“核心流程”进行即可。

场景二：从 GitHub 克隆现有仓库到本地

  1. 复制 GitHub 仓库 URL： 在 GitHub 仓库页面，点击绿色的 “Code” 按钮，复制 HTTPS 或 SSH URL。
  2. 在 VS Code 中克隆：
    • 打开命令面板 (Ctrl+Shift+P 或 Cmd+Shift+P)。
    • 输入 Git: Clone 并按 Enter。
    • 粘贴你复制的 GitHub 仓库 URL，然后按 Enter。
    • 选择一个本地文件夹来存放克隆下来的项目。
    • 克隆完成后，VS Code 会询问你是否要打开该仓库，选择“打开”。
  3. 进行更改和提交： 克隆下来的仓库已经自动连接好了远程仓库，你只需要按照上面的“核心流程”（从第 3 步开始）进行修改、暂存、提交和推送即可。

总结:

VS Code 强大的 Git 集成让你无需离开编辑器就能完成大部分 Git 操作。最常用的流程就是：修改代码 -> 暂存更改 -> 编写提交信息 -> 提交 -> 推送。 熟悉源代码管理视图 (Ctrl+Shift+G) 和命令面板 (Ctrl+Shift+P) 是高效使用 VS Code 进行版本控制的关键。