Visual Studio 2012中使用Zen Coding,写html的神器!

点工具 -扩展和更新的联机库中 找到以下俩插件 安装后重新启动

新建一个html文件.将下行代码拷贝到页面里.
div>(header>div)+(section>ul>li.item$$*4>a{link$$})+footer>div>span
然后按tab键!!!!!!!!!!!!!神奇的效果出现了.
代码变成了

?

<div>

    <header>

        <div></div>

    </header>

    <section>

        <ul>

            <li class="item01"><a href="">link01</a></li>

            <li class="item02"><a href="">link02</a></li>

            <li class="item03"><a href="">link03</a></li>

            <li class="item04"><a href="">link04</a></li>

        </ul>

    </section>

    <footer>

        <div>

            <span></span>

        </div>

    </footer>

</div>

 神奇吧!!

网上有很多Zen Coding的教学贴.自己学习吧!!