H5W3
当前位置:H5W3 > 其他技术问题 > 正文

如何将项目上传到GitHub?

如何上传项目到GitHub?对于新手小白来说是个问题,这不,最近有位刚入行的童鞋给我留言说让我教他如何将项目上传到GitHub,其实网上相关文章有很多,但是我翻了一下,都不是很详细,所以今天从0到1的将整个操作过程整理一下分享给需要的小伙伴。

注册GitHub

没有注册过的先去GitHub官网进行注册。

新建GitHub仓库

注册后按照以下步骤来新建一个GitHub的仓库。如下图:

新建一个GitHub的仓库

如何上传项目到GitHub?-码云笔记

点击进入到我的仓库,点击New按钮来新建一个仓库,如下图:

点击New按钮

如何上传项目到GitHub?-码云笔记

输入仓库名称后点击创建仓库,如下图:

输入仓库名称

如何上传项目到GitHub?-码云笔记

创建成功后进入到如下页面,将仓库地址复制下来,待会上传项目有用。

仓库地址复制

如何上传项目到GitHub?-码云笔记

上传项目到GitHub

接下来就是在本地操作了,在此之前你一定要把git安装好,如果没有安装过Git的点击链接安装Git,已安装过的可以直接跳到下一步,安装过程中没有特殊需求的直接下一步就可以了。

然后找到你要上传的文件夹项目,右键点击文件夹(注意:不能选单个文件或者压缩包)

选择Git Bash Here,出现如下图内容:

选择Git Bash Here,出现如下图内容

如何上传项目到GitHub?-码云笔记

第一步:

把你之前在clone按钮里复制的git仓库地址,通过git clone命令克隆到本地,如下图:

通过git clone命令克隆到本地

如何上传项目到GitHub?-码云笔记

注:记住地址前面要加git clone

这时你的项目文件里就会增加一个你在github上创建的项目名称,如下图:

github上创建的项目名称

如何上传项目到GitHub?-码云笔记

红色圈圈画起来的文件夹typescript-video,就是新增的文件夹,然后把你在这个目录要上传的文件复制到typescript-video文件夹里。

通过git命令行切换目录在typescript-video文件里,输入命令cd typescript-video回车,如下图所示:

输入命令cd typescript-video

如何上传项目到GitHub?-码云笔记

第二步:

输入命令git add . 告诉Git,把项目下的文件添加到仓库(注意.不能省略,此操作是把typescript-video文件夹下面新的文件或修改过的文件添加进来,如果有的文件之前已经添加了,它会自动省略)

第三步:

输入git commit  -m  "提交信息" (提交的信息是你的项目说明)

(注:git commit 后面加 -m 表示可以直接输入提交说明,如果不加 -m ,直接输入git commit,就会弹出一个

类似于vim的界面,让你输入提交说明。)

有些刚开使用的用户输入提交时会出现错误,如下图(网上搜的图):

用户输入提交时会出现错误

如何上传项目到GitHub?-码云笔记

这时你要先全局配置好在git上的用户名和邮箱,如下图所示输入命令:

Git config –global user.name “你注册GitHub的用户名”
Git config –global user.email 邮箱地址

按照上面给的代码输入name和email后再次执行git commit命令。

第四步:

输入git remote add origin 自己仓库地址将本地仓库关联到GitHub上,然后输入git push -u origin master将代码上传到GitHub上。

代码上传到GitHub上

如何上传项目到GitHub?-码云笔记

执行完后,如果没有异常,会等待几秒,然后跳出一个让你输入Username和Password 的窗口,你只要输人github的登录账号和密码就行了,然后进入里的github页面,刷新下页面就会显示你的项目

更新项目

当以后需要更新项目的时候按如下步骤执行操作:

git pull origin master        # 将GitHub上的代码当下来合并代码,防止提交新代码的时候起冲突
git add .                     # 将代码添加到仓库
git commit -m "描述"          # 将代码提交到仓库
git push -u origin master     # 命令将代码提交到GitHub

删除文件

在github上只能删除仓库,却无法删除文件夹或文件, 所以只能通过命令来解决

首先进入你的master文件夹下, Git Bash Here ,打开命令窗口,按如下步骤执行:

git --help                     # 帮助命令
git pull origin master         # 将远程仓库里面的项目拉下来
dir                            # 查看有哪些文件夹
git rm -r --cached target      # 删除target文件夹
git commit -m '删除了xxx文件'   # 提交,添加操作说明
git push -u origin master      # 将本次更改更新到github项目上去

更多关于git 命令操作文章请看:

《前端开发超实用的GIT教程》

《Git入门与进阶教程之Git基础》

《Git入门与进阶教程之GitHub》

本文地址:H5W3 » 如何将项目上传到GitHub?