文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> 资讯>ZenCoding Vim 插件

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>

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

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载