码迷,mamicode.com
首页 > 系统相关 > 详细

vim 安装Emmet插件

时间:2015-01-26 19:25:32      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:vim







Why html

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

技术分享


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

what‘s Emmet

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

安装

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

~/.vim/.

重启终端就成了。

测试

创建一个文件,用vi打开,输入:

html:5

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

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

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

看起来好酸爽。

More

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


vim 安装Emmet插件

标签:vim

原文地址:http://blog.csdn.net/fansongy/article/details/43154305

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!