Aptana+Zen Coding,UltraEdit+Zen Coding,Dreamwaver+Zen Coding 超快写HTML无敌!
2010-01-28 10:34
330 查看
Zen Coding写HTML和CSS真是超爽无敌了,输入:
div#header>ul.navigation>li*4>a
按下快捷键,输出:
代码
<div class="mod mod1">
<div class="inner">
<div class="hd"></div>
<div class="bd">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
</div>
超酷匹配选择器!
更多html转换规则详见: http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn
更多css转换规则详见: http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn
其实Zen Coding出来很久一段时间了,最近有时间折腾了一下,确实爽。Zen Coding 支持很多编辑器:
1. Aptana+Zen Coding配置方法及详细介绍
2. UltraEdit+Zen Coding配置方法
3. EditPlus+Zen Coding配置方法
4. Dreamwaver+Zen Coding详细配置
5. VS2008+Zen Coding配置方法
6. VIM+Zen Coding详细配置
据我看写html效率可以提升30%以上,甚至很多尝试过Zen Coding的人都说它改变了他们写页面的方式!
div#header>ul.navigation>li*4>a
按下快捷键,输出:
代码
<div class="mod mod1">
<div class="inner">
<div class="hd"></div>
<div class="bd">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
</div>
超酷匹配选择器!
更多html转换规则详见: http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn
更多css转换规则详见: http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn
其实Zen Coding出来很久一段时间了,最近有时间折腾了一下,确实爽。Zen Coding 支持很多编辑器:
1. Aptana+Zen Coding配置方法及详细介绍
2. UltraEdit+Zen Coding配置方法
3. EditPlus+Zen Coding配置方法
4. Dreamwaver+Zen Coding详细配置
5. VS2008+Zen Coding配置方法
6. VIM+Zen Coding详细配置
据我看写html效率可以提升30%以上,甚至很多尝试过Zen Coding的人都说它改变了他们写页面的方式!
相关文章推荐
- Zen Coding css,html缩写替换大观 快速写出html,css
- Aptana修改zen-coding快捷键为Tab
- aptana3 zen-coding 插件
- gVIM+zencoding快速开发HTML/CSS/JS(适用WEB前端)
- UltraEdit Zen Coding使用.
- Zen Coding css,html缩写替换大观 快速写出html,css
- sublime zen coding css和html的快捷操作
- Zen Coding css,html缩写替换大观 快速写出html,css
- Zen Coding css,html缩写替换大观 快速写出html,css
- aptana3 zen-coding 插件
- Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)
- Emmet/Zen Coding 快速入门说明
- Aptana 如何修改新建的 HTML页面
- aptana---学习HTML
- myeclipse 8.5 安装aptana插件 提示jQuery、js、css、html
- zen coding for visual studio 2010(vs2010)
- 超快地写网页代码 -zen-coding项目使用
- Zend Studio上安装使用Aptana插件(html,css,js代码提示功能)
- zen coding de 一些快捷功能
- Notepad++中zen-Coding使用