前端Emmet插件学习
非常好用的前端开发插件，能够基于Emmet语法产生HTML，通过查看官方文档语法（https://docs.emmet.io/abbreviations/syntax/）总结如下：
！ Tab键 就可以自动形成h5标准模板
html:4s Tab键 就可以自动形成h4标准模板
div>ul>li Tab键 就可以自动形成如下：
div+p+bq Tab键 就可以自动形成如下：
Ps:也可以单独使用哈，嵌套在里面就用> 不嵌套就用+
来几个复杂一点的：
div+div>p>span+em Tab键：
如果加一个blockquote标签让他跳出p标签在div里面，则使用^
div+div>p>span+em^bq Tab键：
div+div>p>span+em^^bq Tab键：
多一个就多跳一级，但是如果是再加^就会发现和上图是一样的效果。
With * operator you can define how many times element shouldbe outputted:（看不懂就看示例吧）
ul>li*5 Tab键：
任何一个标签 *5 都会重复出现五次
再来几个复杂点的：
div>(header>ul>li*2>a)+footer>p
(div>dl>(dd+dt)*3)+footer>p
div#header+div.page+div#footer.class1.class2.class3
You canuse [attr] notation (as in CSS) to add custom attributes to yourelement(不明白就看图吧)
td[title="Helloworld!" colspan=3]
Item numbering: $
With multiplication * operator you can repeat elements, butwith $ you can number them.Place $ operator inside element’s name, attribute’s name orattribute’s value to output current number of repeated element:（话不多说看图）：
ul>li.item$*5
ul>li.item$$$*5
to change direction, add @- after $:
Text: {}
You can use curly braces to add text to element:
a{Click me}
来一个复杂一点的：
p>{Click }+a{here}+{ to continue}
p{Click }+a{here}+{ to continue}
这是有所区别的：