Zen Coding出来很久一段时间了,鬼哥更是在分享时潇洒的秀了一把,真是羡慕死人了。最近一直忙着搞需求,只有周末才有时间折腾一下,有点小郁闷~
Aptana配置方法及详细介绍可以看前端观察翻译的Zen Coding: 一种快速编写HTML/CSS代码的方法,Zen Coding中最吸引我的是html展开功能,一个轻量级的编辑器就够了,鉴于此选择了UltraEdit,用的是烈火汉化绿色版(绿色便携版没搞成功,貌似不支持),以下是配置方法:
接下来测试一下,新建文件,敲入以下语句:
复制代码代码如下:
div.mod.mod1>div.inner>div.hd+div.bd>ul>li*10>a
之后按下Ctrl+Enter,马上变成:
复制代码代码如下:
<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>
大功搞成!
Zen Coding的html书写规则详见Zen HTML Elements
新闻热点
疑难解答
图片精选