+ -

ZenCoding Vim 插件

时间:2010-10-10

来源:wowubuntu

在手机上看
手机扫描阅读
  

以前见过一个名为 Zen Coding 的工具,通过它可以快速输入 Html 及 CSS 代码,这里有视频演示。

而事实上,ZenCoding 还有 VIM 插件,这样你可以用 VIM 来快速编写 Html 网页了。

插件主页:http://www.vim.org/scripts/script.php?script_id=2981

# 安装:

只要把下载下来的 zencoding.vim 文件放到 ~/.vim/ftplugin/html 或 ~/.vim/pluging 目录下就可以了

# 使用:

  • 样例1:自动展开 html 模版

输入

html:5

然后按快捷键 CTRL+Y 及 , 号就会自动展开 html 模版

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

</body>
</html>

 

  • 样例2:自动展开 CSS 代码

输入

div>p#foo$*3>a

然后按快捷键 CTRL+Y 及 , 号就会自动展开 CSS 代码

<div>
<p id=”foo1″>
<a href=”"></a>
</p>
<p id=”foo2″>
<a href=”"></a>
</p>
<p id=”foo3″>
<a href=”"></a>
</p>
</div>

神奇吧,详细的使用教程见这里或这里。

热门下载

更多