vim html 编辑技巧

1、安装 html.vim
[url]http://www.infynity.spodzone.com/vim/HTML/[/url]

这个插件提供了常用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选择标记内的内容

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

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

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

6、选择tag中某个被空格包围的的属性
[code]
<img width="12" src="resources/images/default/s.gif" />
[/code]
比如想删除整个width
可以用 daW
aW 表示一个被空格分隔开的范围

7、选择一个被<>,{}或者() 包含的内容
用 a> 或者 i>
a} 或者 i}
a) 或者 i)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值