windows+vscode+git+github 保姆级使用教程

windows+vscode+git+github 保姆级使用教程

关于git和github

抛开官方定义,这里通俗地解释下他们的关系,

我们常用github这个网站来存取代码,基本存取的方式是git,更便捷的存取的方式是vscode。

举个例子,比如github是集市,代码是商品,基础操作就是自己到达集市买卖东西然后回家,这个就是使用git命令行存取代码。

便捷操作就是找个AA跑腿,告诉他我要买哪几样或者卖哪几样,我不管具体怎么买,只要最后是我要的这几样东西,这个就是使用vscode的插件存取代码。

git下载安装

百度git,或者官网https://git-scm.com/按自己电脑配置下载对应的git,然后安装。
windows+vscode+git+github 保姆级使用教程_第1张图片

例如我是64位win7,点windows即可自动下载,(速度可能有点慢,百度国内的网站下载也行)
windows+vscode+git+github 保姆级使用教程_第2张图片

下载之后的文件如下图,然后安装,选择目录,其他一路确定,完成之后鼠标右键菜单会多出两个选项
windows+vscode+git+github 保姆级使用教程_第3张图片windows+vscode+git+github 保姆级使用教程_第4张图片

git和github配置

在任一文件夹下右键,点击Git Bash Here打开命令行

1,配置username和email

修改用户名
git config --global user.name "xxxx(新的用户名)"

修改邮箱
git config --global user.email "[email protected](新的邮箱)"

2,配置ssh

首先进入根目录

$ cd~

然后生成ssh密钥

$ssh-keygen -t rsa -C "邮箱号"

输出类似如下信息即为成功,
windows+vscode+git+github 保姆级使用教程_第5张图片

按信息提示打开id_rsa.pub文件的目录例如c/User/admin/.ssh/,同时在github上登录账户,选择Settings进入设置页面,
windows+vscode+git+github 保姆级使用教程_第6张图片

选择SSH and GPG keys 右侧的New SSH key
windows+vscode+git+github 保姆级使用教程_第7张图片

将id_rsa.pub文件中的内容复制到key中,title随意,完成之后如下图即可
windows+vscode+git+github 保姆级使用教程_第8张图片

如何使用vscode,下载github上的代码/上传代码到github

github上的私有仓库如图所示。以该仓库为例示范下载和上传
windows+vscode+git+github 保姆级使用教程_第9张图片

1,下载代码

建立一个新的空白文件夹名为git_test,使用vscode打开,再点击左侧的源代码管理,(第一次会显示如下信息,点击初始化存储库即可,以后再打开不再需要。)
windows+vscode+git+github 保姆级使用教程_第10张图片

在github上查看并复制代码的url,例如
windows+vscode+git+github 保姆级使用教程_第11张图片

在vscode中选择克隆
windows+vscode+git+github 保姆级使用教程_第12张图片

然后粘贴上一步复制的url确定,下载完成之后在资源管理器即可看到整个仓库的文件。
windows+vscode+git+github 保姆级使用教程_第13张图片

文件夹下如图所示
windows+vscode+git+github 保姆级使用教程_第14张图片

2,改动并上传代码

​ 对README.md文件稍作改动,保存之后重新打开文件夹可以看到文件名变黄,且有M标识(modify),左侧提示有一处改动
windows+vscode+git+github 保姆级使用教程_第15张图片

进入源代码管理页面,输入修改信息,
windows+vscode+git+github 保姆级使用教程_第16张图片

按下ctrl+enter保存修改
windows+vscode+git+github 保姆级使用教程_第17张图片

点击同步更改,将修改同步到github上,可以看到文件名变白,显示本地没有改动
windows+vscode+git+github 保姆级使用教程_第18张图片

在github上已经可以看到文件改动,以及提交信息为上面输入的 test modify
windows+vscode+git+github 保姆级使用教程_第19张图片

你可能感兴趣的:(技术记录,git,github,vscode)