在VS Code中使用Git进行版本管理及文件上传到Github

GitHub是一个面向开源及私有软件项目的托管平台,只支持git作为唯一的版本库格式进行托管,相信每一个学习前端的人对git和GitHub都不陌生,但是对于刚刚接触前端的人来说,看到这些会觉得很陌生,我刚刚接触的时候就是这样。我在这里详细的说明一下git和GitHub的一些基本使用方法。在进行git命令前我们需要安装git.exe,这个直接到网上搜一下,下载安装就可以了。
1.首先,我们需要注册GitHub账号,然后登陆。
2.进入GitHub后,我们需要新建一个库,点击New repository,进入之后页面如下《在VS Code中使用Git进行版本管理及文件上传到Github》
在Repository name中对自己的库进行命名,Description处为对此库的描述,可以填也可以不填。
3.下面的Public表示公共,Private表示私人,但是选择Private是要花钱的,可能需要绑定银行卡等操作,如果你的代码不需要保密,在这里我们选择Public即可。
4.下图中蓝色线画的可以选择也可以不选择,在这里我们选择上,会自动生成一个README文件。《在VS Code中使用Git进行版本管理及文件上传到Github》
5.打开在桌面或其他位置新建一个文件夹,打开VS Code,用VS Code打开刚才建的文件夹,新建自己想要建的文件并保存。
6.在VS Code菜单栏中点击终端,并选择新建终端。《在VS Code中使用Git进行版本管理及文件上传到Github》
7.在终端中输入git init对终端中的文件夹进行初始化。《在VS Code中使用Git进行版本管理及文件上传到Github》
8.输入git status查看文件夹中文件的状态。《在VS Code中使用Git进行版本管理及文件上传到Github》
发现文件夹中有两个文件,文件名称为红色。
9.输入git add first.html second.wxml将文件夹的文件添加到库中。《在VS Code中使用Git进行版本管理及文件上传到Github》
再次输入git status查看文件的状态《在VS Code中使用Git进行版本管理及文件上传到Github》
这时发现文件名的颜色为绿色,说明已经将文件添加到了库中。
10.输入git commit -m 'second',此处引号内的名称可以为任意。《在VS Code中使用Git进行版本管理及文件上传到Github》
11.由于第一次使用git,在上一步中会报错,这时我们只需输入git config --global user.name 'GitHub账户名'运行后再输入git config --global user.email '注册GitHub时的邮箱'即可。
12.再次输入git status查看文件状态,发现工作树为空,则说明上述操作成功。《在VS Code中使用Git进行版本管理及文件上传到Github》
13.输入git branch查看目前文件所在的分支为master《在VS Code中使用Git进行版本管理及文件上传到Github》
14.以上为git的一些基本操作,下面讲述如何将文件远程提交到GitHub,打开自己刚刚在GitHub上新建的库,点击Clone or download,再点击右侧带箭头的文件图标,将地址复制下来。
《在VS Code中使用Git进行版本管理及文件上传到Github》
15.在VS Code中继续输入git remote add origin https://github.com/yhlp/display.git,最后的地址为刚刚在GitHub上复制的地址。
16.输入git push -u origin master,运行后我们会发现报错《在VS Code中使用Git进行版本管理及文件上传到Github》
这是因为没有将库中的README.md文件下载下来,这时我们只需输入git pull --rebase origin master,执行结束后我们会发现左侧文件夹中多了一个文件《在VS Code中使用Git进行版本管理及文件上传到Github》
《在VS Code中使用Git进行版本管理及文件上传到Github》
这时我们再执行git push -u origin master,执行结束后文件就已经成功提交到GitHub。《在VS Code中使用Git进行版本管理及文件上传到Github》
到GitHub上查看,发现文件已经成功提交。《在VS Code中使用Git进行版本管理及文件上传到Github》
17.以上为git的一些基本操作及将代码远程提交到GitHub的操作,上述代码也可以在安装好的git bash中进行,Windows系统安装好git.exe后,只需在桌面空白处右键便能看到git bash。

    原文作者:yhlp
    原文地址: https://segmentfault.com/a/1190000017873263
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞