当前位置:   article > 正文

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

在vs中通过git上传文件点了dicard

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/685587
推荐阅读
相关标签
  

闽ICP备14008679号