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 {} (文本)