1.1快速生成HTML结构语法

1. 生成标签 直接输入标签名按tab键，自动生成<div></div>。
2. 如果想生成多个相同标签，*然后后面加上数字（相当于乘）就可以了。
   
3. 如果有父子级关系的标签，可以用>比如ul>li就可以了

<!-- dl>dd>dt -->
<dl>
    <dt>
        <dd></dd>
    </dt>
</dl>

4. 如果有兄弟关系的标签，用+就可以了比如div+p

    <!-- div+p生成兄弟标签 -->
    <div></div>
    <p></p>

5. 如果生成带有类名或者id名字的，直接写.demo或者#two 就可以了

    <!-- .demo默认生成是div标签 -->
    <div class="demo"></div>
  
    <!-- p#.demo生成p标签id类名demo -->
    <p id="demo"></p>
      
    <!-- p.demo生成p标签类名是demo -->
    <p class="demo"></p>

6. 如果生成的标签类名是有顺序的，可以用自增符号$

<!-- ul>li.demo$*7 生成七个ul列表并使用demo类样式-->
<ul>
    <li class="demo1"></li>
    <li class="demo2"></li>
    <li class="demo3"></li>
    <li class="demo4"></li>
    <li class="demo5"></li>
    <li class="demo6"></li>
    <li class="demo7"></li>
</ul>

7. 如果想要在生成的标签内部写内容可以用{}表示

    <!-- span{666} -->
    <span>666</span>