今天差不多从中午开始下午一点才开始学的,把git学了一大半了,还好任务不是很多,但是我上午用的时间挺值的,因为我去搞了个cnblogs的背景主题,就是你们现在所看到的这套,这个没搞明白有一通研究的,只不过现在已经搞熟悉了,添加那些参数,不得不说挺强大的,这个自己编辑页面的功能,我最满意的这套主题,是自适应,以前用的默认的那个手机根本看不了,没想到现在这个居然还可以自适应对手机用户简直福音。

然后第二件事情,今天开始用typora了,感觉还可以,不知不觉一大版笔记,都头头是道的,我后面就用Markdown编辑器传上来了,因为顺便可以把我的笔记一起传上来,再配合点我做的效果演示。

搞了半天的typora自动上传图片到博客园里来那个Python脚本,终于搞好了,以后就方便了我的笔记自动传上来。

1.关于版本控制

  1. 版本控制软件

即负责管理文件版本的软件,记录文件的版本变化

  1. 好处

以命令的形式,操作简便等

  1. 分布式版本控制系统

客户端是服务器的完整备份,并不是只保留最新版本,而是会把服务器的所有版本下下来,这样的话,如果服务器数据丢失,可以从任意一台客户端恢复

2.git基本概念

  1. 什么是git

开源的分布式版本控制系统,特点:项目越大越复杂,协同开发者越多越能体现git的高性能和高可用性

  1. 特性
  • svn基于差异比较:就是当更新一次版本的时候,不是去记录最新的版本而是将最新的版本的差异点记录下来

  • 记录快照

git里面的记录快照分为两种,一种是版本变化了会在原文件上对更新的版本做一个备份,如果没有更新就直接做出一个链接指向源文件,如下图,虚线为没有更新,实现表示更新了

其实这个快照就类似于虚拟机里面的快照,你每建立一次快照是不是因为你做出了一些操作想保存在这里,每次快照都是完整的体系所以占用洗盘空间大

  • 近乎所有操作都是本地执行,只需要访问本地文件和资源,因为前面说过git是分布式控制系统,客户端和服务器的资源是一样的,你有三个版本我也有三个版本,而且这一特性也决定了我们在断网后照样可以版本管理 ,如果断网后你把v3升级到了v4,你只管升级你的,服务器也检测不到因为断网了,当我们联网后会把记录同步到云端的

  1. git三个区域(工作区、暂存区、git仓库)

当你在写代码的时候,代码的目录就是一个工作区;当你把代码写完一个功能后可以暂时放到暂存区;最后全部完成将其放到git仓库

  1. git三状态

  1. git基本工作流程

写代码,然后将写好的功能放在暂存区里面暂存,此时就已经过了已修改、已暂存状态,继续回去完善逻辑,当把所有功能实现后以快照的形式提交到git仓库里面

3.安装配置git

  1. 安装后检验查看右键菜单
  2. 配置

设置用户名和邮箱地址:

注意使用了global选项后说明这个命令只需要运行一次即可永久生效,后面就不用这个命令了

  1. 全局配置

上面的命令执行后其实会在c盘/users/用户名文件夹/.gitconfig这里面显示,这就是git的全局配置文件只要配置在这里面的配置一次永久生效。

  1. 检查配置信息

也可以使用命令快速查看



  1. 获取帮助信息(不用联网)

git help 我们的命令

eg :git help config

或者 git config -h

4.git基本操作

  1. 获取git仓库的两种方式
  • 将一个本地目录转换为git仓库

    在当前目录下右键git Bash,输入git init。即可初始化一个仓库,当前目录下会有一个.git的隐藏起来的目录,他就是当前项目的git仓库,里面包含了一些初始化的必要文件

  • 从其他服务器克隆一个git仓库

  1. 工作区中四种状态

分为两大类

一类是未被git管理的:那就会有未跟踪状态(在git上一次提交之前没有这个文件,也就是新创建的)

一类是已被git管理的:未修改(工作区里的内容和git仓库内容一致)、已修改(工作区里面的内容和git仓库内容不一样)、已暂存(工作区修改的文件已放入暂存区,准备进入已提交状态)

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

  1. 检查文件状态

git status(输出的结果叫状态报告)

关键字:Untracked files 表示未跟踪状态

以精简方式显示文件状态:git status -s

??表示未跟踪

  1. 跟踪新文件

git add 这个文件

committed:新增了这个文件的管理并且放到了暂存区,committed表示暂存区

精简版为A开头

  1. 提交更新

git commit 或者 git commit -m 可以对这个提交成功后作进一步的描述

这个就表示未修改状态,没有任何文件需要提交了

  1. 对已提交的文件进行修改

当我们把已经提交到仓库的index.html又拿到工作区上来修改,这个时候去status会显示modified,简写版为M这就是已修改状态

  1. 暂存已修改的文件

再次运行git add即可 该命令可以吧未跟踪、已修改的文件放到暂存区

注意:未跟踪放到暂存区为A开头,已修改放到暂存区还是modified,还是M但是没放之前为红色,现在为绿色

  1. 撤销对文件的修改

将工作区修改的内容还原成仓库里面的内容,所有修改都会丢失且无法恢复,危险性高

git checkout -- index.html





  1. 向暂存区一次性添加多个文件

git add .

今后开发这个命令用的比较多

  1. 取消暂存文件

从暂存区移出一些文件

git reset HEAD 要移出的文件名称

全部移出出去 git reset HEAD .

  1. 移除文件

    • 从git仓库和工作区都移除

    git rm -f index.js



    • 只从git仓库移除,保留工作区中的

    git rm --cached index.css

  2. 忽略文件

一般有些文件是不需要纳入git的管理当中的,也不希望出线在未跟踪列表里面。

创建一个.gitignore的配置文件(这个文件是可以上传的)

规范如下:

  • # 开头都是注释

  • / 结尾是目录

  • / 开头防止递归

  • !开头表示取反

  • glob模式指简化了的正则:

    • 例子

    注意:/开头表示递归,这里的意思是只需略当前目录下todo文件夹,而不忽略其他目录下todo文件夹,这就是递归;

    倒数第二个:只是忽略这个目录下的txt文件,但是不会忽略这个目录下的子目录下的txt文件

    1. 查看提交历史

    git log

    git log -2 显示最新的两条

    git log -2 --pretty=oneline在一行上展示最近的两条

    git log -2 --pretty=format:“%h | %an | %ar | %s“ 在一行上展示最近的两条并自定义输出格式

    %h表示提交的唯一标识 %an表示作者名字 %ar作者修订日期 %s提交说明

    1. 回退到指定版本

    注意:commitID为刚才说的唯一标志符,没有<>符号;回退到前面的版本后你查看提交历史就是当时那个时候的提交历史,想要查看所有的包括在他之后的需要输入第三条命令

vue - git的更多相关文章

  1. day70:Vue:Git&路飞学城页面效果

    目录 1.Git 2.路飞学城项目页面效果 0.安装elements UI 1.顶部导航栏效果 2.轮播图效果 1.Git 什么是git?分布式版本管理工具 1.git操作 # 1 创建git本地仓库 ...

  2. vue从入门到进阶:简介(一)

    前言 用了这么久的vue了,但是一直没有时间写个系列文章,现在抽一定时间总结下vue的知识点. 首先,Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript ...

  3. Vue.Draggable/SortableJS 的排序功能,在VUE中的使用

    此插件git: https://github.com/SortableJS/Vue.Draggable 基于Sortable.js http://www.cnblogs.com/xiangsj/p/6 ...

  4. 《Vue 编程房内考》

    古人有云:码农爱coding,则为之计深远. 众人问:何为之? 古人曰:底层.算法和架构. 众木然. 古人又曰:多看源码. 以下内容是我在学习 Vue-2.5.2 源码时的一个总结. 第一章 活捉Vu ...

  5. Vue教程:简介(一)

    前言 用了这么久的vue了,但是一直没有时间写个系列文章,现在抽一定时间总结下vue的知识点. 首先,Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript ...

  6. 13、git

    安装Git 网上有很多Git安装教程,如果需要图形界面,windows下建议使用TortoiseGit,linux建议使用Git GUI或者GITK.(windows下载exe安装包,linux可以使 ...

  7. vue.js的第一个程序

    Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 1.安装 下载 git clone https://github.com/vuejs/vue.git 页面中直接引 ...

  8. Vue系列---源码调试(二)

    我们要对Vue源码进行分析,首先我们需要能够对vue源码进行调式(这里的源码调式是ES6版本的,不是打包后的代码),因此首先我们要去官方github上克隆一份vue项目下来,如下具体操作: 1. cl ...

  9. Vue相关知识点记录

    1.安装 vue不支持ie8以下版本(无法模拟ECMAScript5特性),支持所有兼容ECMAScript5的浏览器. 浏览器安装Vue Devtools, 可以在更友好的界面中审查和调试Vue应用 ...

随机推荐

  1. React优点?

    声明式, 组件化, 一次学习, 随处编写. 灵活, 丰富, 轻巧, 高效

  2. JSP是什么?有什么特点?

    JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术.在Servlet当中开发嵌入html的脚本,会非常的繁琐.JSP支持在h ...

  3. 在java web工程中jsp页面中使用kindeditor

    在这之前我们用Notepad++写过kindeditor 在Java web工程里也差不多 首先我们复制之前的thml代码粘贴到工程里 然后把样式也复制进去 然后就可以运行了

  4. 学习 Haproxy (五)

    1 Linux Haproxy 负载均衡 v1.8 ★★★ 类似于ningx的反向代理1.1 Haproxy 概述 Haproxy是一个开源的高性能的反向代理或者说是负载均衡服务软件之一,它支持双机热 ...

  5. Python中查看变量的类型,内存地址,所占字节的大小

    查看变量的类型 #利用内置type()函数 >>> nfc=["Packers","49"] >>> afc=[" ...

  6. 前端入门-day2(常见css问题及解答)

    写在前面 今天是入门前端的day2, 小伙伴们应该已经看了一些HTML的基础和CSS的基础了,是不是遇到了很多关于CSS的问题呢.因为HTML很少有太复杂的问题,所以直接写一篇关于CSS的常见问题及解 ...

  7. 在网页中预览excel表格文件

    项目需求在前端页面中实现预览excel表格的功能,上网了解之后大致总结为一下几种方法. 1.office文档转换为pdf,再转swf,然后通过网页加载flash进行预览 2.通过 xlsx.js,js ...

  8. js 中的submit 回调函数

    1.submit.php <?php $arr = $_POST; $arr['msg']=1; //echo $_POST['uname']; echo json_encode($arr); ...

  9. java中public和缺省这两个访问权限的根本区别?

    为了区分开public和缺省的区别,我们要引进包(package)的概念.包就像咱们磁盘上的目录一样,马克-to-win.package a;就是定义说当前的目录为a.底下编的任何的类,都会出现在当前 ...

  10. mysql-加密函数

    1.PASSWORD(str)一般对用户的密码加密 不可逆 2.MD5(str) 普通加密 不可逆 3.ENCODE(str,pswd_str) 加密函数,结果是一个二进制数,必须使用 BLOB 类型 ...