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>
神奇吧,详细的使用教程见这里或这里。
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28