vim 安装Emmet插件

浏览数：38 / 时间：2015年06月20日

Why html

最近说好的要学做移动App，想来想去，还是先从基础搞起，先把失散多年的html捡捡。虽然我会原生语言，不过用惯了跨平台的东西：

技术分享

想来想去，既然是应用，效率应该还成，html应该够用了。跨得一手好平台。作为vim党，我找到了个插件，看着还不错。

Emmet是vi的一个插件，它可以让我等更方便的编辑html。你能在这里找到它的最新信息。

下载项目解压缩。找到文件中的plugin和autoload将它复制到

~/.vim/.

重启终端就成了。

创建一个文件，用vi打开，输入：

html:5

注意要将光标至于最后的位置，我觉得它的原理是，检测从行首到光标位置的表达式，因此如果你光标在其他位置，表达式就不完整了。

接下来就是见证奇迹的时刻，在输入模式下，按下ctrl+y然后按下"，"。就会自动生成如下代码：

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    _
</body>
</html>

看起来好酸爽。

当然它还有更多的用法。自动生成格式文本、图片啥的，你可以参考官方的文档英文比较简单，我就不人肉翻译了 ; )

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： vimvim