Administrator

VsCode连接Github实现实时更改项目
前言由于最近在开发一个项目(Amoli私有云)且打算开源,谈到开源 就应该会知道Github(全球最大的开源库)因...
扫描右侧二维码阅读全文
26
2019/05

VsCode连接Github实现实时更改项目

前言

由于最近在开发一个项目(Amoli私有云)且打算开源,谈到开源 就应该会知道Github(全球最大的开源库)
因为项目由VsCode(Visual Studio Code)开发,想通过VsCode将代码上传至Github并实时更新项目状态,最后成功实现,并且将经历告诉大家(博主也是第一次使用Github,所以对Git不是工具不是很懂,以下教程是在查阅大量资料且经历过无数次失败后总结出的经验)

准备工作

工欲善其事,必先利其器。
我们需要先下载VsCode与git并安装及配置 这里就不提供了。

第一步

首先,进入你项目所在的文件夹,然后右击,选择 Git Bash Here,点击后如图

第二步

设置全局环境

//单独输入,一行一句
git config --global user.name "GitHub帐号名"
git config --global user.email "帐号名对应邮箱"

输入后,并没有反应,不用担心,没有消息就是好消息~说明执行了

第三步

如果要想将VsCode上的代码或者本地项目等推送到Github上,我们就需要为它建一个专属仓库。
1、注册并登陆GitHub
2、点击New创建仓库。

3、输入你所创建仓库的名字,点击最下面的Create reposity

4、点击后进入如下图页面,记得选择SSH

但是目前还不能运行git bash,因为第一次使用git的clone或者push命令时,连接github会出现一个警告,以致出现一个对话
Are you sure you want to continue connecting (yes/no)?
因为git使用ssh连接,而ssh连接第一次连接验证github服务器key时,需要确认github服务器key的指纹信息是否真的来自于github服务器。
所以我们先去取得一个ssh key

第四步

1、点击右上角的头像,然后点击Settings

2、点击右边SSH and GPG keys

3、切换到第一步打开的GitBash,输入ssh-keygen -t rsa -C "配置git时候填写的email",点击3次回车,得到下图中泡泡的样子说明成功了

4、接着在GitBash里输入命令:cat ~/.ssh/id_rsa.pub,回车,得到下图的英文

5、复制这段英文,接着


6、好了,ssh key已经取得了,现在回到第三步的页面,将代码一行一行复制到Gitpash中

7、出现图中的new branch就证明执行成功了

中途可能会出现Are you sure you want to continue connecting (yes/no)?输入yes后回车即可
8、回到第三步的页面,刷新,出现你自己的仓库名称证明建立仓库成功了

9、那么接下来就是把我们VsCode的代码推送上来。打开VsCode,我想上传的是cs.html,按照图中步骤,先点击左侧分支,然后点击cs.html旁边加号,最后点击上面的对号,这时会弹出输入框,让你输入提交信息(本次修改备注,我输入的“更新”),输入完成后点击回车,最后点击同样位置对号旁边的三个点,选择推送等待提交成功就大功告成。

10、回到Github页面,我上传的代码就在这里了。

Git常用命令

// 设置全局环境
git config --global user.name "GitHub帐号名"
git config --global user.email "帐号名对应邮箱"

// 生成本地SSH秘钥
ssh-keygen -t rsa -C "配置Git时候填写的email"

// 查看本地SSH秘钥
cat ~/.ssh/id_rsa.pub

// 初始化远程仓库
git init

// 与origin master建立连接(与远程仓库建立连接)
git remote add origin XXX //XXX为远程仓库地址

// 把远程分支拉到本地
git fetch origin name //name为远程仓库的分支名

// 把某个分支上的内容都拉取到本地
git pull origin name //name为远程仓库的分支名

// 把本地内容上传到某个分支
git push origin name //name为远程仓库的分支名

这里只列出了博主常用的命令并不完全 解释可能也有误,欢迎大家在评论区补充说明!

结语

由于是第一次使用Github和Git工具,所以懂得不多,教程可能不详细或者有问题

欢迎大家在评论区留言,我看到会第一时间给予回复!


Last modification:May 28th, 2019 at 03:34 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment