如何上传项目到GitHub?

目录
文章目录隐藏
  1. 注册 GitHub
  2. 新建 GitHub 仓库
  3. 上传项目到 GitHub
  4. 更新项目
  5. 删除文件

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

注册 GitHub

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

新建 GitHub 仓库

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

新建一个 GitHub 的仓库

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

点击 New 按钮

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

输入仓库名称

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

仓库地址复制

上传项目到 GitHub

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

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

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

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

第一步:

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

通过 git clone 命令克隆到本地

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

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

github 上创建的项目名称

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

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

输入命令 cd typescript-video

第二步:

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

第三步:

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

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

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

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

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

这时你要先全局配置好在 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 上

执行完后,如果没有异常,会等待几秒,然后跳出一个让你输入 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

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 如何上传项目到GitHub?

发表回复