EMMET - 编写HTML和XML的神器 #

Date: 2015/6/12

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

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

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

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>