日期:2014-05-17  浏览次数:20659 次

vim html 编辑技巧
1、安装 html.vim
http://www.infynity.spodzone.com/vim/HTML/

这个插件提供了常用html 标记的快捷键映射,很方便

2、在html标记里面对标记的属性进行补全
首先 确认filetype=html 可以用 :set filetype 看到
用 omni-complete可以很好的进行补全
快捷键:  C-X C-O

3、选择两个引号里面包含的内容
normal模式下: 根据是双引号,还是单引号, 用i' 或 i" 表示在单引号,或者双引号内的内容。
比如: attr=""this is a attribute"
想要删除引号内的内容又保留引号,可以用 di"  来删除,如果想修改可以 ci"

4、选择标记(tag)
normal 模式下,可以用 at 选择标记 或者 it选择标记内的内容

比如
<table>
<tr>
<td>第一行
</td>
</tr>
<tr>
<td>第二行
</td>
</tr>


想要删除表格的某一行,可以很简单的移动光标到 tr上,然后在 normal 模式下用 dat

5、在tag 的属性间快速移动
可以用大写的 W或 B 向前向后

6、选择tag中某个被空格包围的的属性
<img  width="12"  src="resources/images/default/s.gif" />

比如想删除整个width
可以用 daW
aW 表示一个被空格分隔开的范围

7、选择一个被<>,{}或者()  包含的内容
用 a> 或者 i>
a} 或者 i}
a) 或者 i)