Duxy's

a digged hole

EMMET - 编写HTML和XML的神器

认识了一个很牛掰的工具:Zen Coding,现在已改名为emmet。直接使用它能够快速生成XML代码,快速生成的原理使用了CSS中的选择器,直接写出选择器,就可以生成对应的结构了。

Zen Coding,现改名为emmet。包含各种常用编辑器的插件,可以很方便的下载使用。而下面是一个简单的例子,可以直接生成的是XML代码,并且不限制为HTML的标签。
在代码中写入下面的例子:

hello>test[id][href][ref]*6>no>inner

按Ctrl+E(默认快捷键),即可生成如下的代码:

 <hello>
    <test id="" href="" ref="">
        <no>
            <inner></inner>
        </no>
    </test>
    <test id="" href="" ref="">
        <no>
            <inner></inner>
        </no>
    </test>
    <test id="" href="" ref="">
        <no>
            <inner></inner>
        </no>
    </test>
    <test id="" href="" ref="">
        <no>
            <inner></inner>
        </no>
    </test>
    <test id="" href="" ref="">
        <no>
            <inner></inner>
        </no>
    </test>
    <test id="" href="" ref="">
        <no>
            <inner></inner>
        </no>
    </test>
 </hello>