如何将VS Code源代码控制与GitHub账户关联，实现提交、推送、同步及仓库推送？

一、关联GitHub账户 #

方法1：VS Code内置账户登录 #

• 打开VS Code，点击左侧活动栏的「源代码控制」图标（快捷键Ctrl+Shift+G）
• 若面板顶部有「登录到GitHub」的提示，直接点击；没有的话，点面板右上角的三个点 → 选「GitHub: 登录」
• 跟着弹窗提示在浏览器登录GitHub账户，授权VS Code访问权限，完成关联

方法2：Git命令行配置 #

• 打开VS Code终端（快捷键Ctrl+），先配置本地Git的用户名和邮箱（必须和GitHub账户一致）：

  git config --global user.name "你的GitHub用户名"
  git config --global user.email "你的GitHub注册邮箱"
  

• 再配置凭证存储，让Git记住登录信息：
  • Windows：git credential-manager configure
  • Mac：git config --global credential.helper osxkeychain
  • Linux：git config --global credential.helper libsecret
    配置完成后，VS Code就能自动关联你的GitHub账户

二、常用Git操作步骤 #

提交（Commit）更改 #

• 打开本地Git仓库的根目录（如果是新目录，先执行git init初始化仓库）
• 在源代码控制面板里，能看到所有修改过的文件，点文件旁的+号把文件加入暂存区
• 在面板顶部的输入框里写清楚提交信息（比如「修复登录按钮样式bug」），然后点输入框下方的对勾图标（或按Ctrl+Enter）完成提交

推送（Push）到GitHub #

• 首次推送本地仓库：
  1. 先在GitHub上创建一个空仓库（别勾选初始化README、.gitignore这些选项）
  2. 在VS Code终端执行命令关联远程仓库：

     git remote add origin https://github.com/你的用户名/仓库名.git
     

  3. 然后点源代码控制面板右上角的三个点 → 选「推送」，或者终端执行git push -u origin main（main是默认分支名，根据你的分支调整）
• 已有关联的仓库：直接点面板顶部的「推送」图标（向上箭头）就行

同步（Sync）更改 #

• 同步会自动拉取远程仓库的最新代码，再推送本地已提交的更改
• 点源代码控制面板顶部的「同步更改」图标（双向箭头）就能完成，VS Code会自动处理顺序，减少冲突概率

三、关键提示 #

• 一定要打开Git仓库的根目录，VS Code才能正确识别Git环境，操作会顺畅很多
• 如果遇到权限报错，检查GitHub账户对目标仓库的访问权限，或者重新登录VS Code的GitHub账户
• 提交前建议先拉取远程最新代码，避免推送时出现冲突

内容的提问来源于stack exchange，提问作者Satyan