编辑器 Komodo Edit 6
Zen Coding version 0.7
起用快捷键:
- Balance Tag: Ctrl + B
- Decrement Number By 1: Ctrl + Shift + Down
- Increment Number By 1: Ctrl + Shift + Up
- Expand Abbriviation: Ctrl + /
- Wrap With Abbriviation: Ctrl + Shift + ?
- Remove Tag: Ctrl + D
examples:
<!--dl>(dt+dd)-->
<dl>
<dt></dt>
<dd></dd>
</dl>
<!--a[href=#]{Click here}-->
<a href="#">Click here</a>
<!--p>a{here}+span{to continue}-->
<p><a href="">here</a><span>to continue</span></p>
<!--p>a{one}+em{two}-->
<p><a href="">one</a><em>two</em></p>
<!--p>a>{one}+em{two}-->
<p><a href="">one
<em>two</em>
</a></p>
<!--ul>li*>a{Click at $#}-->
one
<ul>
<li><a href="">click at one</a></li>
</ul>
<!--ul>li>a{Click at $#}-->
one
<ul>
<li><a href="">at one</a></li>
</ul>
<!--ul>li*3>a{Click at $#}-->
one
<ul>
<li><a href="">click at one</a></li>
<li><a href="">click at one</a></li>
<li><a href="">click at one</a></li>
</ul>
<!--span[title=$#]{Element’s title is $#}-->
one
<span title="one">title is one</span>
<!--span[title=$#]{Element’s title is $#}*3-->
one
<span title="one">title is one</span>
<span title="one">title is one</span>
<span title="one">title is one</span>
<!--ul>li>span{$#}+{ }+a[title=$#]{$#}-->
one
<ul>
<li>
<span>one</span>
<a href="" title="one">one</a>
</li>
</ul>
<!--ol>li*|t-->
1. list item one
2. list item two
3. list item three
<ol>
<li>list item one</li>
<li>list item two</li>
<li>list item three</li>
</ol>
<!--Ctrl + D-->
<a href="#">test</a>
test
<li>AAA</li>
<!--Ctrl + Shift + Up/Down-->
25
<!--li*4>span.item$-->
<li><span class="item1"></span></li>
<li><span class="item2"></span></li>
<li><span class="item3"></span></li>
<li><span class="item4"></span></li>
<!--li*4>span{title$}-->
<li><span>title1</span></li>
<li><span>title2</span></li>
<li><span>title3</span></li>
<li><span>title4</span></li>
分享到:
相关推荐
notepad++ 密码是1 zencoding插件
sublime text 2 zen coding插件 zen coding for sublime text 2
vim的zenCoding插件,能显著提高前端开发效率。
Zencoding是网络开发人员的得力助手,这里奉上Zencoding的菜单与快捷键一览表,还有解决快捷键冲突的办法。
Sublime Text 2插件包zen coding--免费下载zen coding Sublime Text 2插件包
这是zencoding的使用手册,如果你感兴趣的话可以下来看看 英文的哦 亲~
zen coding DW插件可以更方便快捷的编写你的网站代码了。
Zen Coding: 一种快速编写HTML/CSS代码的方法 输入 div#i$-test.class$$$*5 …然后调用”展开缩写”行为 会被转换成为: <div id="i1-test" class="class111"></div> <div id="i2-test" class="class222"></div> ...
dreamweaver cs6 zen coding插件,快速书写html
zencoding相比做前端的同学都知道,可是神器,这个参考手册是pdf版,包括所有使用方法,做的也很漂亮,喜欢的同学可以拿去。
zencoding notepad++ toturial
zenCoding从其它地主转载而来。集成的ZenCoding压缩包
Zen Coding v.0.6.mxp cs5 dw代码神器
zen coding插件方便简洁,输入代码关键字即可实现完整排版。极为方便
Notepad++ 是一款无比轻巧便捷的代码编辑工具。它无可挑剔的启动速度,优秀的语法高亮,干净整齐的代码缩进,便捷的括号...而 Zen Coding 的横空出世,总算终结了这种纠结,让我们得以以一种无比帅气的方式书写代码。
提高HTML编写的效率,让HTML的编写更快捷,editplus html代码书写必备工具
一种快速编写HTML/CSS代码的方法 使用仿CSS选择器的语法来快速开发...——由Sergey Chikuyonok开发。 Zen Coding由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。
sublime text 2 zen coding插件.下载后解压,然后把解压后的文件放在(点击sublime text2 菜单 Prefreences - Browse Packgaes)Packages文件夹下,然后重启sublime text2即可。
用于快捷书写代码,例如“#” type="text/css">只需要打个link即可,内有说明书可参考
Emmet (Zen Coding) 百度可以搜索到想要的 安装操作步骤 方便书写DIV+CSS