【开发工具】vim编辑器实用技巧总结

总结一些我们在平时使用vim编辑器的一些实用功能，后续会一直更新。

1.  visual插件

visual插件其实相当于一个书签作用，比如我们在一篇很长的源代码文件中，我们可以标记一行，然后后来我们再想回到这一行时，只需要一个快捷键就能迅速定位到这一行，非常方便，不用不停地往上或往下翻。

1.1  常用命令

1.  mm标记一个标签；
2.  F2回到被标记的那一行；
3.  连续按两次mm就可以取消标签；
4.  shift+F2可以在几个标签来回切换；

2.  emmet.vim插件

emmet.vim插件主要是用来提高你编写html/css代码的速度，现在主要说下html的代码，后续加上css代码的快捷命令。

2.1  常用命令

1.  生成代码：Ctrl +y后两手松开再按逗号；
2.  生成标签：例如<div></div>，只需在文件中输入div后，这个时候不要切换vim的模式，还是在正常模式下按1中的快捷键就可生成；
3.  生成含有某个类的标签：如<div class="tuanfe"></div>，输入div.tuanfe，再按1中的快捷键；
4.  生成含有某个id的标签：如<div id="j-tuanfe"></div>，输入div#tuanfe，再按1中的快捷键；
5.  生成一个新的html文档：html:5，再按1中的快捷键；

6.  生成含有内容的标签：如<div>tuanfe</div>；div{tuanfe}+快捷揵；
7.  生成嵌套的标签：如<div><a></a></div>, div>a+快捷键；

8.  生成兄弟标签：如<div></div><p></p>, div+p ，再按1中的快捷键；
9.  生成多个标签：如<ul><li></li><li></li></ul>, ul>li*3 ，再按1中的快捷键；
10.  生成含有次序类的标签：如<ul><li class="item1"</li><li class="item2"></li></ul>, ul>li.item$*3，再按1中的快捷键；

3.  文件操作

1.  :new 文件名.后缀，新建后记得使用:w保存，否则直接关闭不会产生文件；如果你录入了内容，关闭的时候会提醒你保存；
2.  删除文件所有东西，方法1用ggdG；方法2用 :%d；
3.  复制，yaw复制单词，单行复制：yy，多行复制：在开如行按shift+v，选中要复制的行后ctrl+c；
4.  移动，G 移动到文件末尾 ，gg 移动到文件开头，:0 移动到文件第一行 ，:$ 移动到文件最后一行；
5.   多行缩进，按v进入visual状态，选择多行，用>或<缩进或缩出；
6.  撤消与恢复，按u撤消，ctrl+r 是恢复你刚才撤销的动作；
7.  注释，1-5行加//：:1,5 s/^/\/\//g，给全部内容注释：:% s/^/\/\//g。

4. 垂直划分窗口

1. :vsplit    将当前光标所在文件划分为两个窗口进行显示，当一个文件很长时，我们可以在一个窗口中更改文件的同时在另一个窗口中同时看到该文件的其他部分；

2. :vsplit tuanfe.js    以垂直窗口的形式打开tuan.js文件；

3. :vertical new  新建一个空文件，并在垂直窗口中打开；

4. ctrl+w+h: 向左切换窗口；

5. ctrl+w+l: 向右切换窗口。