当前位置 博文首页 > zxbackspace的博客:Visual Studio Code 编辑后同步至 GitHub

    zxbackspace的博客:Visual Studio Code 编辑后同步至 GitHub

    作者:[db:作者] 时间:2021-09-14 22:07

    Visual Studio Code 编辑后同步至 GitHub

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

    具体步骤如下:

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

    Git安装界面
    3. 安装好之后,打开Github,登陆账号,找到新建仓库的地方,如下图:
    GitHub新建仓库
    填写信息:
    创建仓库
    创建完成后的界面:
    创建完毕
    4.回到桌面,打开要创建项目的文件夹,新建一个Test文件夹,双击进入文件夹后右击空白处,选择"Git Bash Here"
    右键菜单
    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"
    

    注意:输入完之后需要继续回车几次,直至与以下界面相同,先不要关闭这个页面,一会儿还要用到
    输入代码
    此时在本地文件夹中生成一些新文件,路径如下:
    本地路径
    6.在此路径中以记事本的方式打开id_rsa.pub文件,并复制全部内容。打开网页上的GitHub,进入设置,如图:
    设置
    选择左侧SSH and GPG Keys选项,点击右侧New SSH Key新建
    新建SSH
    输入名称,粘贴刚才复制的SSH key,点击Add SHH key添加key,如图:
    粘贴key
    7.回到刚才打开的git命令行界面,输入:

    ssh -T git@github.com
    

    在加载出语句后输入"yes"即可完成配置,如图:
    加载配置
    8.回到浏览器GitHub中去,打开刚才创建的仓库,选择它的SSH,复制
    复制SSH
    打开git命令行界面,输入git clone +复制的SSH,这一步的操作是把网页上的GitHub库克隆到本地

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

    9.做好这些工作后我们打开Visual Studio Code,打开刚才新建的文件夹Test,并在文件夹中新建一个文件,如hello.py
    vsc打开文件夹
    此时左侧源代码管理界面会出现一个提示,询问我们是否保存更改。先勾选源代码管理存储库,如图:
    源代码管理存储库
    鼠标放到新文件上,右侧浮现出按钮,点击加号,即可暂存。
    鼠标放到Test上,点击浮现出的对号,在弹窗中输入备注,如Test(此备注可方便以后查找)
    在这里插入图片描述
    备注
    查找
    10.再将鼠标移至Test上,点击三个点,选择签出到…选项
    签出
    如图选择该选项
    签出到
    然后点击提交,再点击同步即可
    提交

    cs