如何使用vscode上传服务器上代码到GitHub【可视化操作】

新建本地仓库

1. 点击左边Source Control栏，出现如下两个按钮，表示该文件夹还没有建立git仓库，选择上面的按钮Initialize Repository 会新建仓库便于后续更新代码和管理，选择下面的按钮Publish to GitHub则会直接将文件上传到指定的github地址。
   
   为方便后续管理代码，这里选择新建本地仓库，点击Initialize Repository 。另一种直接上传的方法，具体可以参考此链接。
2. 接下来vscode会弹出提示，希望允许登录Github账号，点击允许自动打开登录界面，输入账号密码即可。最后成功会显示界面如下：
   然后会弹出提示，允许它打开vscode，并同意打开URI进行身份验证。此时左下角会有提示：
   
   若提示未成功，则按照网页下方提示，自行复制链接进行配置。成功后，即在本地和github上建立文件夹同名的仓库。

上传项目

3. 此时再次打开Source Control栏，会发现它出现了一个Changes文件夹，点开里面是还没有上传的更新（最多5000个）。点击“+”，将所有更新暂存（Stage）。
   
   随后界面上将出现新的文件夹Staged Changes，存放所有暂存的更新：
   

4. 点击最上面那栏右上角的“…”，进行commit操作；或者点击“√”也可以进行相同的操作。
   
   随后需要你输入这一次commit的说明，按实际想法写就行，比如填写：first commit，表示第一次提交。
   

5. 点击最上面那栏右上角的“…”，进行push操作：
   
   如果是第一次push，可能会出现报错：
   
   这是因为当前本地分支master没有和远程分支origin进行关联，系统不知道应该把它推给哪个分支。按照提示，在终端写入git push --set-upstream origin master命令，即可成功push。

   注：有时候会出现报错，远程终端异常挂起，可能原因是
   1）上传的单个文件太大，超出限制
   2）网络异常断开
   
   针对第一种情况，可以修改git的config设置，比如修改缓存大小为500M，在终端写入git config --global http.postBuffer 524288000
   如果还是出现相同问题报错，可参考此链接尝试解决。

管理更新代码

具体操作如上，不再赘述。还有更多功能可以自己探寻~
备份代码真的很重要！

参考文章及链接：
[1] vscode官方对Source Control的详细介绍：https://code.visualstudio.com/docs/editor/versioncontrol
[2] vscode+git配置方法：https://zhuanlan.zhihu.com/p/57668863
[3] 直接上传到github仓库的方法：https://www.zhihu.com/question/402369560/answer/1414106167
[4] 什么是Stage？https://blog.csdn.net/qq_32452623/article/details/78417609
[5] 远程分支和本地分支的区别：https://blog.csdn.net/TechFlow/article/details/109352820](https://blog.csdn.net/TechFlow/article/details/109352820)
[6] push时出现远程终端异常挂起的解决方法：https://blog.csdn.net/weixin_38450840/article/details/80701173