Git入门起步,前端开发哪里学

29 阅读7分钟

基于服务器、客服端的运行模式

  • 服务器保存文件的所有更新版本
  • 客服端是服务器的完整备份,并不是只保留文件的最新版本

优点:联网运行,支持多人协作开发、客服端断网后支持离线本地提交版本更新、服务器发生故障,可以使用任何一个客服端的备份进行恢复

三种版本控制 分布式版本控制系统:性能优秀、用户体验好,其中最典型的代表是Git,接下来就来了解什么是Git

二、Git起步 

========

2.1、概念


Git是一个开源的分布式版本控制系统,是目前世界上最先进的、最流行的版本控制系统。可以快速高效地从很小到非常大的项目版本管理

2.2、特性


2.2.1、直接记录快照,而非差异性比较

先了解下svn的差异比较

传统的版本控制系统是基于差异的版本控制,它们存储的是一组基本文件每个文件随时间逐步积累的差异

好处:节省磁盘空间

缺点:耗时、效率低

Git记录快照

Git快照是在原有文件版本的基础上重新生成一份新生成一份新的文件,类似于备份,为了效率,如果文件没有修改,Git不再重新存储文件,而是只保留一个链接指向之前存储的文件

缺点:占用磁盘空间较大

优点:版本切换时非常快(直接快照恢复)

特点:空间换时间

2.2.2、近乎所有操作都是本地执行

在Git中绝大多数操作都只需要访问本地文件和资源,一般不需要来自网络上其他计算机的信息

断网后,依旧可以在本地对项目进行版本管理

联网后,把本地修改的记录同步到云端服务器即可

2.3、三个区域


工作区 -----------------------暂存区--------------------------Git仓库

工作区中的每一个文件可能有4中状态,这四种状态分为两大类:

  • 未被Git管理
  1. 未跟踪【不被Git管理的文件】
  • 已被Git管理 
  1. 未修改:工作区中文件的内容和Git仓库中文件的内容保持一致
  1. 已修改:工作区中文件的内容和Git仓库中文件的内容不一致
  1. 已暂存:工作区中被修改的文件已被放到暂存区,准备将修改后的文件保存到Git仓库中

Git操作的终极结果:让工作区的文件都处于“未修改”的状态

2.4、三种状态


已修改【modified】--------------------已暂存【staged】-----------------------已提交【committed】

2.5、工作流程 


  1. 在工作区种修改文件
  1. 将你想要下次提交的更改进行暂存区
  1. 提交更新,找到暂存区的文件,将快照永久性存储到Git仓库

完成上面就是对版本的基本提交

三、Git的基本操作

==========

在完成安装好git后 第一步就是设置自己的用户名和邮箱地址

git config --global user.name "itheima"

git config --global user.email "itheima@itcast.cn"

获得git帮助信息【 git help 】

git config -h ----------在终端里面查看命令

git help config ----------在浏览器查看

获得Git仓库的两种方式

将尚未进行版本控制的本地目录转换为Git仓库

  1. 步骤:在项目目录中,右键打开Git Bash
  1. 执行git init 命令将当前的目录转化为Git仓库

这个.git目录就是当前项目的Git仓库

从其他服务器克隆一个已存在的Git仓库

查看文件处于什么状态 

  • 命令 :【git status
  • 以精简的方式显示文件状态:【git status -s

文件前面有**??**表示文件未被跟踪的文件

跟踪一个新文件

  • 命令:【git add index.html】表示index文件已经被开始跟踪了,处于暂存状态

以精简的方式显示文件的状态,如果文件前面有绿色的A标记 表示新添加到暂存状态

提交跟新

  • 命令:【git commit -m "文件描述"】 

对以提交的文件进行修改

目前index文件已经被Git跟踪,并且工作区和Git仓库中的index文件内容保持一致。当我们修改了工作区index的内容之后,再次进行git status 和 git status -s 命名 如果文件前面出现M 说明已跟踪文件的内容发生了变化,但是还没有放到暂存区 

修改过的,没有放入暂存区的文件前面有红色的M标记

暂存一修改的文件

  • 命令 【git add index.html

显示文件的状态 绿色的M标记 表示文件已修改已被放到暂存区

再次运行git commit -m "提交信息" 命令,即可将暂存中记录的index的快照,提交到Git仓库只能够进行保存 

四、Git的基本操作二

===========

撤销对文件的修改

git checkout --index.html

把对工作区中对应文件的修改,还原成Git仓库中所保存的版本,所有的修改会丢失,且无法恢复,危险性比较高

想暂存区中一次性添加多个文件

git add .

取消暂存的文件

git reset HEAD "要移除的文件名称"


git reset HEAD . //这个是将取消全部的暂存的文件

跳过使用暂存区域

git commit -a -m "描述信息"

Git标准的工作流程是工作区->暂存区->Git仓库,很繁琐

简化:工作区->Git仓库

Git提供了一个跳过使用暂存区域的方式,只要在提交的时候,给git commit加上-a选项,Git就会i自动把所有已经跟踪过的文件暂存起来一并提交,从而跳过git add步骤 

移除文件的两种方式

git rm -f index.js ----------从Git仓库和工作区同时移除对应的文件

git rm --cached index.css -----------只从Git仓库中移除指定的文件,但保留工作区中对应的文件

忽略文件

一般我们总会有些文件无需纳入Git的管理,也不希望它们总出现在未跟踪文件列表,在这种情况下,我们可以创建一个名为.gitgnore的配置文件,列出忽略的文件的匹配模式

文件.gitignore的格式规范如下:

  1. # 开头的是注释
  1. / 结尾的是目录
  1. / 开头防止递归

学习笔记

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等

HTML/CSS

**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分

**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式

HTML5 /CSS3

**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性

**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型

JavaScript

**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串

开源分享:docs.qq.com/doc/DSmRnRG…