首页 > 代码库 > vim 安装Emmet插件

vim 安装Emmet插件

2024-11-17 20:15:02   202人阅读

<style type="text/css">div#menu {height:200px;float:left;} div#content {height:200px;width:150px;float:left;}</style>


文章作者： 松阳    

本文出自 阿修罗道，禁止用于商业用途，转载请注明出处。  

原文链接：http://blog.csdn.net/fansongy/article/details/43154305

<iframe width="150" height="210" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=2080045857&wide=1&color=FFFFFF,FFFFFF,0082CB,666666&showtitle=0&showinfo=1&sense=0&verified=1&count=1&refer=http%3A%2F%2Fwww.himigame.com%2Fandroid-game%2F1521.html&dpc=1" style="font-size: 14px; font-weight: bold; border-width: 0px; margin: 0px; padding: 0px; font-family: arial, helvetica, clean, sans-serif; line-height: 16px;"></iframe>






Why html

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

技术分享


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

what‘s Emmet

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>

看起来好酸爽。

More

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


vim 安装Emmet插件


联系
我们