VSCode上传代码至GitHub

上传

U：新增的

M：修改的

点击右侧加号就会出现在“暂存的更改”这一列，然后在“提交”按钮上方输入框输入你这次修改的点是什么，比如修复某某按钮事件失效，然后点击提交，就会发现文件消失，此刻不要慌。文件是暂存到“保险箱”里了，点击输入框上方的"旋转"按钮，就会同步到github仓库。

有时候会出现这个问题

现在的错误原因：版本冲突

现在的报错是因为：GitHub 上的代码和你电脑里的代码不一样（冲突了）。 Git 有个铁律：“想上传（Push），必须先下载（Pull）别人写的更新。” 因为 GitHub 上有 23 个新改动，Git 怕你上传代码后把那些改动覆盖掉，所以阻止了你。

解决方法（二选一）

你是这个项目的唯一作者吗？还是有别人在和你一起写？

情况 A：如果你是唯一作者（或者你不在乎 GitHub 上那旧的 23 个改动）

如果你只想把你现在的代码强行推上去，覆盖掉 GitHub 上的内容（这最省事，但会覆盖线上历史），请在终端输入：

Bash

git push -f

(注意：-f 意思是 force 强制推送)

---

情况 B：如果你想保留 GitHub 上的更新（标准做法）

你需要先把 GitHub 的代码“拉”下来，合并到你电脑里，然后再推上去。

1. 在终端输入：

   Bash

   git pull
   

2. 如果不报错，它会自动合并。然后你再点击左侧的“同步更改”或者输入 git push 即可。

可能遇到的坑： 如果运行 git pull 后提示 Conflict (冲突)，说明 GitHub 上改动的文件和你本地改动的是同一个文件，Git 不知道听谁的。 如果是那样，VS Code 会在文件里标红，你需要手动去改。

有些代码是front分支，有的代码是backend-ai分支，怎么分别提交

很多新手都会遇到这种情况：写着写着，发现自己在一个分支里同时改了前端和后端的代码，但想把它们分别存到不同的地方。

在 VS Code 里，我们可以利用 “挑着提交” (Partial Commit) 和 “带着修改切换分支” 的特性来轻松解决。

请按以下步骤操作（假设你现在在 frontend 分支，但手里同时有前端和后端的修改）：

第一步：先把当前分支（frontend）的代码提走

1. 看左侧源代码管理面板： 你会看到所有修改过的文件都在 “更改” (Changes) 列表里。

2. 只挑选前端文件： 不要直接点最上面的大 + 号（那样会把所有文件都选上）。 你需要把鼠标移到你认为是 前端 (frontend) 的特定文件旁边，点击那个小小的 + (暂存更改) 号。

3. 确认状态： 此时，面板会分成两栏：

   • 暂存的更改 (Staged Changes): 这里应该只有前端代码。

   • 更改 (Changes): 这里应该剩下后端代码（没被选中的）。

4. 提交前端： 在输入框写“更新前端页面”之类的备注，点击提交。然后点同步（Push）。

   • 结果：前端代码进了 frontend 分支，后端代码还留在你的工作区里没动。

第二步：带着剩下的代码“跳”到另一条分支

现在你的“暂存区”空了，但“更改”列表里还有刚才剩下的后端文件。

1. 切换分支： 点击 VS Code 左下角的 frontend（那个分支图标）。

2. 选择目标分支： 在弹出的列表里选择 backend-ai。

3. 见证奇迹： Git 非常聪明。当你切换分支时，只要这些剩下的修改文件和目标分支没有严重冲突，Git 会自动把这些 “还没提交的修改” 带过去。

   • 简单说：你刚才没提交的后端代码，现在会自动出现在 backend-ai 分支的“更改”列表里。

4. 提交后端： 现在你已经站在 backend-ai 分支上了。 点击所有剩余文件旁边的 + 号，输入“更新后端逻辑”，提交并 Push。

---

万一切换分支时报错怎么办？

如果步骤二里，VS Code 弹窗提示 “Checkout failed” 或者 “Please clean your repository working tree”（请清理工作区），这说明两个分支冲突太严重，Git 不敢直接带过去。

这时用这个“备用大招”：

1. 暂存 (Stash)： 还在 frontend 分支时，点击源代码管理面板右上角的 ... -> 提交 (Commit) -> 暂存 (Stash) (或者叫“储藏”) -> 暂存 (Include Untracked)。

   • 这时候你的所有修改会暂时“消失”，变得干干净净。

2. 切换分支： 现在可以安全切换到 backend-ai 分支了。

3. 弹出暂存 (Pop Stash)： 切过来后，再点右上角的 ... -> 暂存 (Stash) -> 弹出最新暂存 (Pop Latest Stash)。

   • 这时候你的修改又回来了，而且是在 backend-ai 分支上！

4. 提交： 正常提交即可。

换分支存在风险

这个弹窗是 VS Code 在保护你的代码，因为它发现你手里还拿着没提交的代码（就是你刚才剩下的那些），而你要去的那个房间（分支）里可能也有同名的文件，VS Code 怕直接过去会把你的东西弄丢或者搞乱。

根据你的情况（要把剩下的代码带到另一个分支去提交），请按照以下优先级选择：

1. 首选方案：点击【迁移更改】(中间那个按钮)

• 含义： 这相当于对 Git 说：“把我现在手里这些没提交的代码，直接带到新的分支去。”

• 为什么选它： 这正是你想要做的——你把后端代码留在了手里，现在想带着它们去 backend-ai 分支。

• 结果： 如果没有严重冲突，你会成功切换到新分支，而且你的代码还会显示在“更改”列表里，这时候你就可以正常提交了。

---

2. 备选方案：点击【储藏并签出】(Stash and Checkout)

• 什么时候选它： 如果你点了上面的“迁移更改”后报错了（提示有冲突），或者你求稳。

• 含义： 这相当于：“先把我的代码打包存到一个临时的‘储物柜’里，把手腾空，然后切换分支。”

• 操作步骤：

  1. 点击 “储藏并签出”。你的修改会瞬间消失（别慌，是进保险箱了）。

  2. 成功切换到 backend-ai 分支后。

  3. 点击左侧源代码管理面板右上角的 ... (更多操作)。

  4. 选择 “储藏 (Stash)” -> “弹出最新储藏 (Pop Latest Stash)”。

  5. 你的代码就又回来了！

---

⚠️ 绝对不要点：【强制签出】(Force Checkout)

• 含义： “我不要这些代码了，全部丢掉，直接切分支。”

• 后果： 你辛辛苦苦写的代码会被直接删除，且很难找回。千万别点！

总结：先试着点中间的【迁移更改】，它最省事。