您的位置:首页 » 前端开发 » 正文

前端开发课程-Git和GitHub的使用教程

首先要搞清楚gitGitHub的关系是什么。

Git是版本控制系统。与它类似的还有SVN。版本控制系统顾名思义就是用来敏捷高效地管理项目,不管项目大小都可以使用它来控制。也就是说我们可以通过git来达到项目版本控制及团队分工协作的目的。

那么GitHub又是什么?GitHub其实就是一个使用了Git技术的项目管理仓库。前面说了git是用来同步项目的,那么这个项目我们就可以放置通过git放置到GitHub上。也就是服务器端。这样git和GitHub就联系起来了。我们在本地开发的项目可以通过git推送到GitHub中,如果同事推送了代码到GitHub中后,我们又可以通过git拉到本地。这就实现了团队协作了。

当然git和GitHub不仅仅只是用于团队中。我们也可以把他们当做云端备份的工具。因为GitHub的开源,所以我们还可以共享自己的项目,也可以拉取GitHub上面各位大神的项目供自己研究学习、使用,我们甚至还可以贡献自己的代码到大神的项目中。目前前端开发中很多项目都在GitHub中能找到,比如jquery、vue、bootstrap等。

如何畅快的使用git和GitHub呢?请按照下面的方法安装使用git和GitHub。

一、安装git

到https://npm.taobao.org/mirrors/git-for-windows/下载git的客户端。该网址是淘宝的国内镜像地址,解决了国内用户下载这些资源非常慢的问题。将页面拉到最后,根据自己的系统版本下载最新的git客户端,比如,当前最新版本为Git-2.14.2.3 这个版本中有32位安装包和64位系统安装包,也有免安装便携版。如下图:

淘宝镜像安装git for Windows

建议使用安装包。点击运行,一路按默认的配置点击下一步,直到完成。完成后在桌面上可以看到git的快捷图标,那么最方便使用的是,我们可以在任意文件夹通过右键单击,出现的菜单中我们选择 Git Bash Here 这样就出现了一个类似于系统 cmd的命令窗口。然后我们输入git 命令,如果安装正确就会出现一连串关于该命令的使用方式。到此git安装完成。接下来我们需要注册GitHub。

二、注册GitHub

首先点击打开 https://github.com,在页面右上角找到Sign up,这个按钮就是注册使用,Sign in则是登录使用。我们没有账号当然就是选择注册了。注册有3步,第一步输入用户名和密码、邮件。第二步默认,第三步填写根据提示填写自己感兴趣的领域即可注册完成。

GitHub虽然没有中文版界面,但是使用起来也非常简单。既然他是仓库,那么我们首先来存放我们的第一个项目。下图是创建项目的3种方式:

github创建项目的3种方式

我们选择任意一种即可进入到创建环境,输入项目名称,描述,并勾选Initialize this repository with a README 这个表示给项目创建一个readme.这样项目首页默认就会显示该页面。我们输入的名称、描述也会出现在这个readme中。

好了,一切都结束了,新建这个库只是备用,我们将在最后来讲使用。接下来我们还需要将git和GitHub连接起来。这样才能实现本地与服务器端数据的同步。

三、git和GitHub的连接

为了简化操作,尽早看到效果。我将简化描述,直接上步骤。

  • 在桌面中打开git图标,出现很酷的命令输入界面。以下均在命令行中操作。
  • 设置用户信息,分别输入:
    git config –global user.name “你注册填写的用户名” ,比如我的是:
    git config –global user.name "kouok"
    然后回车。接着输入:
    git config –global user.email “你注册时填写的Email地址” ,比如我的是:
    git config –global user.email "mr.kouok@gmail.com"
  • 生成秘钥
    ssh-keygen -t rsa -C "你的邮件地址@gmail.com"
    生成的秘钥会到你的电脑的用户文件夹中,比如我的是C:\Users\KOUOK
    在这里找到.ssh这个文件夹,如果找不到,那说明该文件夹可能被隐藏了,将它重新显示即可。然后找到id_rsa.pub这个文件,通过记事本打开,将里面的代码全部复制,然后到GitHub.com 的setting-->SSH and GPG keys 中,新建一个SSH key,将代码粘贴到这里即可。
  • 测试连接是否成功,使用 ssh -T git@github.com,如果成功会有成功提示。如下图:
    git连接GitHub成功提示

至此,我们就成功将本地与GitHub通过git连接了起来。所以git相当于是一条通道。

那么连接后自然就是做该做的事情,比如将本地开发的项目或码的文章同步到GitHub中。

四、本地项目与GitHub项目的同步

  • 接下来我们在本地创建一个文件夹,比如叫做GitHub Project ,在这个文件夹里右键单击,选择Git Bash Here.这样做的目的就是让命令行工具操作的对象限制在该文件夹内。
  • 到GitHub中,找到我们创建的那个资源库,点击clone or download 这个绿色按钮。然后将该资源库地址拷贝。如下图:
    拷贝项目地址
  • 键入git clone 库地址 将服务器端项目拉到本地。可以通过右键选择paste粘贴刚刚复制的库地址。他会在你项目中新建一个以库名命名的文件夹,里面即是所有的库文件。
    拷贝项目地址
  • 然后在本地打开项目文件夹,任意修改里面的文件,或者新建文件,当然要注意的是不要动隐藏的文件夹.git。修改后就意味着本地的数据与服务器的数据形成差异了。那么我们就要把更新推送到GitHub中。
  • 所以接下来就是简易同步三步骤:如果你没有关闭刚刚的git命令行,那么需要使用 cd 项目文件夹名,比如cd test 让git进入到项目内部。然后分别输入下面的命令行,每次都使用回车结束。
     git add . //将所有新增的和改动的添加,后面的点表示添加全部
     git commit -m "注释" //提交添加的文件到暂存区,注释不能省
     git push //推送到服务器端

下图即为三步骤运行截图。
本地推送到GitHub的三个步骤

如果一切都正常,我们就能在GitHub中看到从本地推送过来的内容,刷新推送的GitHub项目页面,即可看到更新后的内容。你在本地新增或更改的任何文件及文件夹都可以同步到GitHub中。

另外我们也可以直接在GitHub中修改项目文件。那么在服务器端的内容更改了,我们就可以使用这个指令:git pull 将服务器端的更新拉取到本地。

需要注意的是,注册时的第二步我们默认选择的是免费版本,意味着我们在GitHub中的任何项目和内容都是公开显示的,所以对于需要保密的文档资料可以使用GitHub的付费版,或者改用其他网盘备份保存。

  • 有684次围观
除特别声明外, 本站所有内容皆为原创,转载时请务必以超链接形式标明文章出处和作者信息

分享给我的好友看看:

 

关于作者:

贡献:kouok已经在第三评发表83篇文章了,你也来试试

简介:互联网从业者、WEB前端开发讲师;一WordPress工作室负责人、博主、站长。从小到大折腾过很多东西,也尝试了很多。招第三评测网编辑、合伙人

Ta的专栏 | 新浪微薄 | 腾讯微薄 | 其他SNS






快捷键:Ctrl+Enter