webstorm 编写前端emmet语法

前端开发神器 Emmet：
生成 HTML 文档初始结构
    html:5 或者 ! 生成 HTML5 结构
    html:xt 生成 HTML4 过渡型
    html:4s 生成 HTML4 严格型
生成带有 id 、class 的 HTML 标签
    ul#ccc.ddd
生成后代：>
    div.aaa>ul>li
生成兄弟：+
    div+p+bq
生成上级元素：^
    div>ul>li^span
    div>ul>li^^span
重复生成多份：*
    ul>li*5
生成分组：()
    div>(header>ul>li*2>a)+footer>p
生成自定义属性：[attr]
    a[href="http" title="我爱水煮鱼"]
对生成内容编号：$ ，一个$占一位数字
    ul>li.item$*5
    ul>li.item$$$*5
降序至1结束
    ul>li.item$@-*5
降序至3结束
    ul>li.item$@-3*5
使用 @N 指定开始的升序：
    ul>li.item$@3*5