vue - git
今天差不多从中午开始下午一点才开始学的,把git学了一大半了,还好任务不是很多,但是我上午用的时间挺值的,因为我去搞了个cnblogs的背景主题,就是你们现在所看到的这套,这个没搞明白有一通研究的,只不过现在已经搞熟悉了,添加那些参数,不得不说挺强大的,这个自己编辑页面的功能,我最满意的这套主题,是自适应,以前用的默认的那个手机根本看不了,没想到现在这个居然还可以自适应对手机用户简直福音。
然后第二件事情,今天开始用typora了,感觉还可以,不知不觉一大版笔记,都头头是道的,我后面就用Markdown编辑器传上来了,因为顺便可以把我的笔记一起传上来,再配合点我做的效果演示。
搞了半天的typora自动上传图片到博客园里来那个Python脚本,终于搞好了,以后就方便了我的笔记自动传上来。
1.关于版本控制
- 版本控制软件
即负责管理文件版本的软件,记录文件的版本变化
- 好处
以命令的形式,操作简便等
- 分布式版本控制系统
客户端是服务器的完整备份,并不是只保留最新版本,而是会把服务器的所有版本下下来,这样的话,如果服务器数据丢失,可以从任意一台客户端恢复
2.git基本概念
- 什么是git
开源的分布式版本控制系统,特点:项目越大越复杂,协同开发者越多越能体现git的高性能和高可用性
- 特性
- svn基于差异比较:就是当更新一次版本的时候,不是去记录最新的版本而是将最新的版本的差异点记录下来

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

其实这个快照就类似于虚拟机里面的快照,你每建立一次快照是不是因为你做出了一些操作想保存在这里,每次快照都是完整的体系所以占用洗盘空间大
- 近乎所有操作都是本地执行,只需要访问本地文件和资源,因为前面说过git是分布式控制系统,客户端和服务器的资源是一样的,你有三个版本我也有三个版本,而且这一特性也决定了我们在断网后照样可以版本管理 ,如果断网后你把v3升级到了v4,你只管升级你的,服务器也检测不到因为断网了,当我们联网后会把记录同步到云端的

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

- git基本工作流程
写代码,然后将写好的功能放在暂存区里面暂存,此时就已经过了已修改、已暂存状态,继续回去完善逻辑,当把所有功能实现后以快照的形式提交到git仓库里面
3.安装配置git
- 安装后检验查看右键菜单
- 配置
设置用户名和邮箱地址:

注意使用了global选项后说明这个命令只需要运行一次即可永久生效,后面就不用这个命令了
- 全局配置
上面的命令执行后其实会在c盘/users/用户名文件夹/.gitconfig这里面显示,这就是git的全局配置文件只要配置在这里面的配置一次永久生效。
- 检查配置信息
也可以使用命令快速查看


- 获取帮助信息(不用联网)
git help 我们的命令
eg :git help config
或者 git config -h
4.git基本操作
- 获取git仓库的两种方式
将一个本地目录转换为git仓库
在当前目录下右键git Bash,输入git init。即可初始化一个仓库,当前目录下会有一个.git的隐藏起来的目录,他就是当前项目的git仓库,里面包含了一些初始化的必要文件

从其他服务器克隆一个git仓库
- 工作区中四种状态
分为两大类
一类是未被git管理的:那就会有未跟踪状态(在git上一次提交之前没有这个文件,也就是新创建的)
一类是已被git管理的:未修改(工作区里的内容和git仓库内容一致)、已修改(工作区里面的内容和git仓库内容不一样)、已暂存(工作区修改的文件已放入暂存区,准备进入已提交状态)
注意:git操作的终极结果为:让工作区的文件都处于“未修改”状态
- 检查文件状态
git status(输出的结果叫状态报告)

关键字:Untracked files 表示未跟踪状态
以精简方式显示文件状态:git status -s

??表示未跟踪
- 跟踪新文件
git add 这个文件

committed:新增了这个文件的管理并且放到了暂存区,committed表示暂存区
精简版为A开头
- 提交更新
git commit 或者 git commit -m 可以对这个提交成功后作进一步的描述

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

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

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

注意:未跟踪放到暂存区为A开头,已修改放到暂存区还是modified,还是M但是没放之前为红色,现在为绿色
- 撤销对文件的修改
将工作区修改的内容还原成仓库里面的内容,所有修改都会丢失且无法恢复,危险性高
git checkout -- index.html



- 向暂存区一次性添加多个文件
git add .

今后开发这个命令用的比较多
- 取消暂存文件
从暂存区移出一些文件
git reset HEAD 要移出的文件名称

全部移出出去 git reset HEAD .
移除文件
- 从git仓库和工作区都移除
git rm -f index.js


- 只从git仓库移除,保留工作区中的
git rm --cached index.css
忽略文件
一般有些文件是不需要纳入git的管理当中的,也不希望出线在未跟踪列表里面。
创建一个.gitignore的配置文件(这个文件是可以上传的)
规范如下:
# 开头都是注释
/ 结尾是目录
/ 开头防止递归
!开头表示取反
glob模式指简化了的正则:

- 例子

注意:/开头表示递归,这里的意思是只需略当前目录下todo文件夹,而不忽略其他目录下todo文件夹,这就是递归;
倒数第二个:只是忽略这个目录下的txt文件,但是不会忽略这个目录下的子目录下的txt文件
- 查看提交历史
git log
git log -2 显示最新的两条
git log -2 --pretty=oneline在一行上展示最近的两条
git log -2 --pretty=format:“%h | %an | %ar | %s“ 在一行上展示最近的两条并自定义输出格式

%h表示提交的唯一标识 %an表示作者名字 %ar作者修订日期 %s提交说明
- 回退到指定版本

注意:commitID为刚才说的唯一标志符,没有<>符号;回退到前面的版本后你查看提交历史就是当时那个时候的提交历史,想要查看所有的包括在他之后的需要输入第三条命令
vue - git的更多相关文章
- day70:Vue:Git&路飞学城页面效果
目录 1.Git 2.路飞学城项目页面效果 0.安装elements UI 1.顶部导航栏效果 2.轮播图效果 1.Git 什么是git?分布式版本管理工具 1.git操作 # 1 创建git本地仓库 ...
- vue从入门到进阶:简介(一)
前言 用了这么久的vue了,但是一直没有时间写个系列文章,现在抽一定时间总结下vue的知识点. 首先,Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript ...
- Vue.Draggable/SortableJS 的排序功能,在VUE中的使用
此插件git: https://github.com/SortableJS/Vue.Draggable 基于Sortable.js http://www.cnblogs.com/xiangsj/p/6 ...
- 《Vue 编程房内考》
古人有云:码农爱coding,则为之计深远. 众人问:何为之? 古人曰:底层.算法和架构. 众木然. 古人又曰:多看源码. 以下内容是我在学习 Vue-2.5.2 源码时的一个总结. 第一章 活捉Vu ...
- Vue教程:简介(一)
前言 用了这么久的vue了,但是一直没有时间写个系列文章,现在抽一定时间总结下vue的知识点. 首先,Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript ...
- 13、git
安装Git 网上有很多Git安装教程,如果需要图形界面,windows下建议使用TortoiseGit,linux建议使用Git GUI或者GITK.(windows下载exe安装包,linux可以使 ...
- vue.js的第一个程序
Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 1.安装 下载 git clone https://github.com/vuejs/vue.git 页面中直接引 ...
- Vue系列---源码调试(二)
我们要对Vue源码进行分析,首先我们需要能够对vue源码进行调式(这里的源码调式是ES6版本的,不是打包后的代码),因此首先我们要去官方github上克隆一份vue项目下来,如下具体操作: 1. cl ...
- Vue相关知识点记录
1.安装 vue不支持ie8以下版本(无法模拟ECMAScript5特性),支持所有兼容ECMAScript5的浏览器. 浏览器安装Vue Devtools, 可以在更友好的界面中审查和调试Vue应用 ...
随机推荐
- 什么是GUI?
图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面.图形用户界面是一种人与计算机通信的界面显示格式,允许用户使用鼠 ...
- (转)String,StringBuilder,StringBuffer区别
Java中的String,StringBuilder,StringBuffer三者的区别 注:转自-博客园-酥风 最近在学习Java的时候,遇到了这样一个问题,就是String,StringBuild ...
- python 函数基础知识
1.函数返回的多个值会被组织成元组被返回,也可以用多个值来接收 2.调用函数时候,传入的参数叫实际参数,简称实参,定义函数的参数叫做形式参数,简称形参-- 位置参数 def mymax(x,y): a ...
- httpRunner使用小结
1.每个系统可以给所有相关接口准备一份完整的主流程数据,这样就不用每执行一条用例就要先执行很多前置用例2.每条用例在设计之初,关于使用的前置数据,以及条件判断的数据值,以及设置的前提条件数据值,尽量保 ...
- Vue报错之"[Vue warn]: Invalid prop: type check failed for prop "jingzinum". Expected Number with value NaN, got String with value "fuNum"."
一.报错截图 [Vue warn]: Invalid prop: type check failed for prop "jingzinum". Expected Number w ...
- Java基础学习之“二维数组”
一.鄙人对二维数组的理解 二维数组就是由多个数组并列而成 二.举例 1.普通数组(一维数组)的图像格式 2.二维数组的图像格式 代码 1 @Test 2 public void xueXi(){ 3 ...
- DevEco Device Tool 3.0 Release 新版本发布,支持多人共享开发
DevEco Device Tool 是面向智能设备开发者提供的一站式集成开发环境,支持 HarmonyOS Connect 的组件按需定制,支持代码编辑.编译.烧录和调试.性能监测等功能,支持 C/ ...
- ros系统21讲—前六讲
课程介绍(第一讲) linux介绍安装(第二讲) linux的基础操作(第三讲) ROS中语言c++与python介绍(第四讲) 安装ROS系统(第五讲) 第一个: sudo sh -c echo d ...
- Go 里面的 ^ 和 &^
这几天在研究 Go 的源码,突然发现了一个之前没有见过的位运算,见这里 new &^= mutexWoken & 和 ^,分别表示 AND 和 XOR,这个不用多说. 值得一提的是 ^ ...
- 【每日日报】第十八天 ----java最全排序方法
1 今天看了Java的第三章 2 冒泡法排序: package Line; import java.util.Arrays; public class MaoPao { public static v ...