zen-coding的使用

zen-coding的语法

   zen-coding又名emmet，对于前端程序员使用它可以加快程序的编写，提高效率。   zen-coding(webstorm)安装：       file -> settings -> plugins 点击搜索emmet，然后安装   zen-coding使用       例如：            输入：p.foo -> 点击tab键(只有点击tab键才可将代码转换)            输出：`<p class="foo"></p>`      zen-coding语法：        1、child >        2、sibling +        3、climb-up ^ (跳至上一级)        4、multiplication * (多个，ul>li*5)        5、grouping ()        6、id and class .className#idName        7、custom attr [attrName="value"]        8、item number $  ul>li$*5 (按顺序)        9、change number @            ul>li.item$@-*5 (按倒序)            ul>li.item$@-3*5 (按倒序，最小是3，3是改变开始的顺序)        10、text {} (文本)