[开发工具]Git应用

vim使用有三种模式

命令模式，输入模式，底线命令模式

vim常见命令

命令模式（command mode）

• j   向下移动光标
  h   向左移动光标
  k   向上移动光标
  l   向右移动光标
  
  i		切换到插入模式
  esc  	切换到命令模式
  ：		切换到底线命令模式
  
  I  		移动到行首，并切换到插入模式					insert
  i		移动到选中字母前，并切换到插入模式
  a		移动到选中字母后，并切换到插入模式				append
  A		移动到行尾，并切换到插入模式
  o		移动到下一行，并切换到插入模式
  O 		移动到上一行，并切换到插入模式
  
  gg		光标移动到文件头
  G		光标移动到文件尾
  50G		跳转到第50行
  
  dd		删除一行
  cc		删除一行
  yy		复制
  p		粘贴
  
  :		切换到底线命令模式

? ? ? ?

• 输入模式（insert mode）

• 底线命令模式（Last line mode）

  • w 					写入
    w filename			另存为
    q					退出
    wq!					写入并强制退出

git分支合并

????????

git branch					查看本地分支
git branch -t				查看远程分支

git branch <branchName>		创建本地分支
git merge  <branchName>    合并分支

git branch -d <branchName>   删除本地分支
git branch -D <branchName>    强制删除本地分支

git push origin --delete <branchName>    删除远程分支
git push origin :<branchName>			删除远程分支

tag 里程碑

????????

• 查看所有标签和指定标签

  # 所有标签
  git tag
  git tag -l
  
  # 指定标签
  git tag -l <tagName>

• 在当前分支添加标签

  git tag <name>
  git tag -a <tagName> -m <备注内容>

• 删除本地标签

  git tag -d <tagName>			   #删除本地标签
  git tag -D <tagName>				#强制删除本地标签

• 把本地标签推送到远程仓库

  git push origin --tags 			#推送所有标签
  git push origin <tagName>		#推送某一个标签

• 删除远程标签

  git push origin :<tagname>

• 查看远程标签

  git ls-remote --tags origin				#查看远程标签

git历史

• 查看历史

  git reflog				#列出简单历史
  git log					#列出详细历史
  git log --oneline		#单行查看
  git log --graph			#图形查看

• 版本回退

  git reset --hard <版本号>

position 定位

• relative 相对定位：相对原来位置，偏移一定距离

• absolute 绝对定位：相对于position不为static的父元素，偏移一定距离

  父相子绝：父元素relative，子元素absolute

• fixed 固定定位：相对浏览器定位

• static 没有定位：

3.flex布局

父元素属性

• flex-direction 主轴方向

  row   				行排布
  row-reverse			同一行反向排布
  column				列排布
  column-reverse		同一列反向排布

• justify-content 主轴子元素排列

  flex-start  		从头部排列
  flex-end			从尾部排列
  center				居中排列
  space-around		平分剩余
  space-between		两边贴边，平分剩余

• align-items

  flex-start			从上到下
  flex-end			从下到上
  stretch				拉伸（子元素去掉高度）
  center				居中

• flex-wrap属性

  wrap    换行
  no-wrap    不换行

• flex-flow 属性： 复合属性，flex-direction和flex-wrap

  flex-flow:row-wrap

• align-content属性

  flex-start		侧轴头部排列
  flex-end		侧轴尾部排列
  center			居中排列
  space-around	恻轴平分空间
  space-between	

子元素属性

• flex属性

• align-self属性

  stretch	
  center
  start
  end

• order属性

4.grid布局

• grid-template-columns属性

  .grid{
  	display:grid;
  	grid-template-columns:1fr 1fr 1fr;			#各占三分之一
  	column-gap:24px;					#列间距
      row-gap:24px;						#行间距
  }

• align-items 竖直方向上对齐子元素

• justify-items 水平方向上对齐子元素

  center		居中对齐
  end			靠右对齐
  space-between	两端对齐

• justify-content 对轨道水平方向对齐

  center   			居中对齐
  end					靠右对齐
  space-between     	两端对齐

• align-content 对轨道竖直进行对齐

  center		居中对齐
  end			靠下对齐