美文网首页
15分钟让前端学会git

15分钟让前端学会git

作者: 郑伟的菜园子 | 来源:发表于2016-01-06 21:22 被阅读1323次

不需要了解linux和林纳斯脱袜子的梗,直接开始practice the core knowledge.
hi,guys,i will only just take your 15 min ,go go go !!!!!

我们深信,为了面试准备的准前端同学们的时间是宝贵的,git值不值得学?值得,有没有必须了解一堆的原理?我认为是不需要的,市面上的文章都是给专家们看的,不是给我们前端看的,今天花15分钟教大家练习一下吧,然后在你的简历上加上一行,"会使用git版本控制"。

预备知识:

  • 市面上的软件都提供了一个功能叫撤销,也就是CTRL+Z
  • 我们平时写的文件都只能在打开的状态下才记得住改过的地方,并用CTRL+Z撤销
    那么,问题来了:
    如果我的文件改了好多地方,然后关了,怎么办,我想改回去。
    更进一步,假如我想保留二个或多个文件的版本,但是一备份多就出现什么情况?没错,出现这种情况:
    • 最终版.css
    • 最新版.css
    • 最终的最终.css
      好,哪一个是真正我们想要的?不清楚对吧!!!!
      这时候我们可以用git来管理我们的文件就不会出问题了。

安装git

点这里下载
下一步下一步玩过windows的XD都懂的。

假设你在上班的时候,请找你们的php或java等后台,要账号,右键shift点打开命令行里配置下形式:

git config --global user.name "www.moyu-edu.com"    
git config --global user.email "kefu@moyu-edu.com"   

(记得把上面的name和email换成你自己的)
或者你为了练习,OK,去这里注意一个账号,然后登录进去,会然后你就有关相应的账号密码

确定你要克隆的库

还是像上一步一样,分二步走
如果你是在上班的时候,你们后台会给你一个你们公司项目的地址,类似这样:

https://github.com/moyu-edu/myQuery

如果你是想在github上玩的话,没问题,像下面这样创建一个自己的库。

克隆库到你的本机上

然后找一个合适的文件夹,右键按shift,OK,打开命令行,执行一句话:

//这里的myQuery请自动替换成你自己的库
git clone https://github.com/moyu-edu/myQuery 

OK,如果你的PR值够高,你在当前文件夹会看到一个新的文件夹,很神奇是不是!

QQ图片20160106210851.png

修改文件

改好之后,执行一句话:

git commit -a

这时候git会帮我们打开一个叫vi的环境,看一眼长这样:

QQ图片20160106210851.png

我们在键盘切换到英文状态下面,按一下i,这时,在这个屏里输入你的提交信息:

333.png

然后,按下

 :wq

OK,保存成功

增加文件

加好之后,执行一句话:

git add .

然后执行git commit -a命令和上面修改文件是一样的操作了

最后一步,我们要把我们改好的库项目传到服务器上面,下面的每一步都不能省!!!

先执行git pull

git pull

OK,你必须确保你的命令行里出现下面的文字:

555.png

这时候,你再执行一句:

git status

确保你的命令行里是这样的信息:

7771.png

OK,我们开始下一步:

git push

如果一切顺利,就可以成功的提交到服务器上了。

0007.png

后记

如果有冲突怎么办?
答:如果你按上面的步骤来做,基本上是不会有冲突的,除非你偷懒少做了一步之类的。
万一真有冲突怎么办?
用下面这个神器来解决,分分钟搞定:(请百度source tree)

folder-diff.png

问答环节

  • 我想用github创建博客怎么办?
    github建博客已经out了,现在不推荐前端用github创建博客,现在流行用github的issue创建博客了,分分钟搞定一个博客:

  • 不懂原理怎么办?
    git只是一个工具,浮云一样的工具像天上的星星一样多,啥都懂原理懂不过来的,不需要懂原理。

15分钟好快,yeah,新技能get!!!!!

相关文章

  • 15分钟让前端学会git

    不需要了解linux和林纳斯脱袜子的梗,直接开始practice the core knowledge.hi,gu...

  • 命令行入门

    引子---前端必须学会在命令行上操作 1. 常见的命令 2. git的本地操作1、创建目录,并初始化本地创建git...

  • git和github使用(一)

    前端7班_leec Git是什么## Git is a free and open source distribu...

  • Vue全家桶开发的后台管理项目(后台是用node写的)

    前端代码在git地址: https://github.com/178600803/-.git[https://gi...

  • ios-html-bootStrap

    综合运用:初识bootstrap 5.1 功能 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 git...

  • 2019-04-01

    目录结构 前端工具 Git webpack Gulp 前端框架 react react-redux 某个组件的数据...

  • 前端学习笔记_Git

    什么是Git? Git是一个分布式的版本控制,前端必备作者:Linus Torvalds Git提供以下功能 备份...

  • 前端技术教程及文档

    整理最有趣的前端技术教程及文档,欢迎大家都来补充让更多的多学找到学习一手好资料 前端工具 Git入门篇高级篇索引篇...

  • 工程化学习路线

    Web开发 基础:web工作原理、git使用、idea(pycharm)等开发者工具 前端、网络、后端 前端(客户...

  • Git备忘录-常用命令以及遇到的问题

    Git是前端常用工具,但对于还在自学中的前端,用的真是不多,导致用的时候忘记命令然后重学一遍。鉴于git原理与入门...

网友评论

      本文标题:15分钟让前端学会git

      本文链接:https://www.haomeiwen.com/subject/extfkttx.html