Visual Studio Code 编辑后同步至 GitHub

初学编程,使用Visual Studio Code编写代码后不知如何上传至Github仓库,遂搜索大量文章及教程,发现一些教程对新手很不友好,往往操作至一半就找不到下一步的按钮或者需要填写链接的位置。所以在此记录一下自己总结的具体操作步骤,以供查阅。

具体步骤如下:

  1. 下载 Git
  2. 安装Git,在下图步骤选择"Use Visual Studio Code as Git’s default editor"选项,其他步骤可直接点下一步

visual studio code 导入JAva包 visual studio code怎么导入项目_github


3. 安装好之后,打开Github,登陆账号,找到新建仓库的地方,如下图:

visual studio code 导入JAva包 visual studio code怎么导入项目_Test_02


填写信息:

visual studio code 导入JAva包 visual studio code怎么导入项目_Code_03


创建完成后的界面:

visual studio code 导入JAva包 visual studio code怎么导入项目_Test_04


4.回到桌面,打开要创建项目的文件夹,新建一个Test文件夹,双击进入文件夹后右击空白处,选择"Git Bash Here"

visual studio code 导入JAva包 visual studio code怎么导入项目_Code_05


5.在弹窗界面依次输入并回车(引号中分别替换自己的GitHub用户名和邮箱)

git config --global user.name "your name"

git config --global user.email "your@email.com"

ssh-keygen -t rsa -C "your@email.com"

注意:输入完之后需要继续回车几次,直至与以下界面相同,先不要关闭这个页面,一会儿还要用到

visual studio code 导入JAva包 visual studio code怎么导入项目_Test_06


此时在本地文件夹中生成一些新文件,路径如下:

visual studio code 导入JAva包 visual studio code怎么导入项目_github_07


6.在此路径中以记事本的方式打开id_rsa.pub文件,并复制全部内容。打开网页上的GitHub,进入设置,如图:

visual studio code 导入JAva包 visual studio code怎么导入项目_git_08


选择左侧SSH and GPG Keys选项,点击右侧New SSH Key新建

visual studio code 导入JAva包 visual studio code怎么导入项目_git_09


输入名称,粘贴刚才复制的SSH key,点击Add SHH key添加key,如图:

visual studio code 导入JAva包 visual studio code怎么导入项目_github_10


7.回到刚才打开的git命令行界面,输入:

ssh -T git@github.com

在加载出语句后输入"yes"即可完成配置,如图:

visual studio code 导入JAva包 visual studio code怎么导入项目_Code_11


8.回到浏览器GitHub中去,打开刚才创建的仓库,选择它的SSH,复制

visual studio code 导入JAva包 visual studio code怎么导入项目_visual studio code_12


打开git命令行界面,输入git clone +复制的SSH,这一步的操作是把网页上的GitHub库克隆到本地

git clone git@github.com:Detaim/Test2.git

9.做好这些工作后我们打开Visual Studio Code,打开刚才新建的文件夹Test,并在文件夹中新建一个文件,如hello.py

visual studio code 导入JAva包 visual studio code怎么导入项目_visual studio code_13


此时左侧源代码管理界面会出现一个提示,询问我们是否保存更改。先勾选源代码管理存储库,如图:

visual studio code 导入JAva包 visual studio code怎么导入项目_visual studio code_14


鼠标放到新文件上,右侧浮现出按钮,点击加号,即可暂存。

鼠标放到Test上,点击浮现出的对号,在弹窗中输入备注,如Test(此备注可方便以后查找)

visual studio code 导入JAva包 visual studio code怎么导入项目_Code_15


visual studio code 导入JAva包 visual studio code怎么导入项目_git_16


visual studio code 导入JAva包 visual studio code怎么导入项目_visual studio code_17


10.再将鼠标移至Test上,点击三个点,选择签出到…选项

visual studio code 导入JAva包 visual studio code怎么导入项目_github_18


如图选择该选项

visual studio code 导入JAva包 visual studio code怎么导入项目_Test_19


然后点击提交,再点击同步即可

visual studio code 导入JAva包 visual studio code怎么导入项目_github_20