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的教学贴.自己学习吧!!