您应该做的第一件事是尝试vimtutor
完成几次。一旦涵盖了基础知识,您就可以开始使用插件了……</p>
SnipMate的灵感来自 TextMate 的代码片段,并且/因此很漂亮,默认情况下它有很多 HTML 代码片段,并且非常容易添加自己的代码片段。要使用它,请键入div
然后点击Tab以获取:
<div id="|">
</div>
与插入符号之间""
准备好让你输入一个id;再次点击Tab以移动空白行上的插入符号:
<div id="myId">
|
</div>
美丽的。不过,许多编辑器都有此功能。
如果你有很多 HTML 要写——比如每天写几封电子邮件/简报——另一个名为SparkUp的插件可以让你只用几个键和一些 CSS 知识来生成复杂的 HTML。您首先输入以下内容:
table[id=myTable] > tr*3 > td*2 > img
然后点击<C-e>
( CtrlE) 获得:
<table cellspacing="0" id="myTable">
<tr>
<td>
<img src="|" alt="" />
</td>
<td>
<img src="" alt="" />
</td>
</tr>
<tr>
<td>
<img src="" alt="" />
</td>
<td>
<img src="" alt="" />
</td>
</tr>
<tr>
<td>
<img src="" alt="" />
</td>
<td>
<img src="" alt="" />
</td>
</tr>
</table>
与插入符号里面的第一个空""
。点击<C-n>
并<C-p>
转到下一个/上一个字段。
神奇。不过,该插件可用于更多编辑器。
我第二个文本对象和 Surround.vim 非常有用。
另一个很酷的功能是可视块模式 ( :help visual-block
),您可以在其中选择文本列。假设你有:
<ul>
<li><p>My text doesn't mean anything</p></li>
<li><p>My text doesn't mean anything</p></li>
<li><p>My text doesn't mean anything</p></li>
<li><p>My text doesn't mean anything</p></li>
</ul>
将光标放在第>
一个上,<li>
然后点击<C-v>
并将光标向下移动到第四个<li>
。在 the 之前点击I
(大写 I)进入 INSERT 模式,然后>
输入class="myElement"
then<Esc>
以获得:
<ul>
<li class="myElement"><p>My text doesn't mean anything</p></li>
<li class="myElement"><p>My text doesn't mean anything</p></li>
<li class="myElement"><p>My text doesn't mean anything</p></li>
<li class="myElement"><p>My text doesn't mean anything</p></li>
</ul>
嗬嗬!
说真的,Vim 很棒。