六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 48|回复: 0

vim html 编辑技巧

[复制链接]

升级  32%

4

主题

4

主题

4

主题

童生

Rank: 1

积分
16
 楼主| 发表于 2013-1-27 05:40:25 | 显示全部楼层 |阅读模式
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)
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表