Search
ZenCoding Vim 插件
9 十2010
以前见过一个名为 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：自动插入链接
输入链接：
然后按快捷键 CTRL+Y 及 a 键就会自动生成超链接代码
<a href="http://wowubuntu.com/"> Wow! Ubuntu / Ubuntu 及Linux 新闻、技巧、软件及游戏！</a>
- 样例3：自动展开 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>
7 Responses to ZenCoding Vim 插件
神飞
十月 9th, 2010 at 11:24 上午
非常赞，最近开始尝试在ubuntu上code，vim+zencode是个让人振奋的组合...
[Reply]
ikbear
十月 9th, 2010 at 12:13 下午
一直无奈于linux下的web开发工具，这个不错。
[Reply]
Lain
十月 9th, 2010 at 2:37 下午
用ZenCoding写HTML有多爽，用了就知道！
[Reply]
yicuan
十月 10th, 2010 at 12:43 上午
Emacs 也有類似插件
zencoding for emacs:http://www.emacswiki.org/emacs/ZenCoding
可以在這個地址看一下
[Reply]
可乐加糖
九月 19th, 2011 at 9:17 上午
博主您好，请问一下，我貌似没有看见您文章中写的那个路径。我的 VIM 路径如下。
coke@ubuntu:~/下载/vim 插件/NERD_tree/nerdtree_plugin$ whereis vim
vim: /usr/bin/vim.basic
/usr/bin/vim.tiny
/usr/bin/vim
/etc/vim
/usr/share/vim
/usr/share/man/man1/vim.1.gz
[Reply]
freetstar
九月 26th, 2011 at 10:18 上午
挺好用的～
[Reply]
xwsoul
四月 20th, 2012 at 9:34 上午
Zencoding ... 不仅仅可以用来代码的展开...
还可以选择父级标签...
[Reply]