快速生成代码tips

    1.生成标签直接输入标签名按tab健即可，打一个div，按一下tab，就有一对div

<div></div>

   2.如果想要生成多个相同的标签，打一个标签加上*就可以了 div*3 就可以生成三对div

//div*3 
<div></div>
<div></div>
<div></div>

 3.如果有父子级的标签，可以用> 比如 ul>li 包含关系

// ul>li
<ul>
<li></li>
</ul>

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

//div+p
<div></div>
<p></p>

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

 // p.one --按tab--生成
 <p class="one"></p>
 //div#two--按tab--生成 
<div id="two"></div>

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

   // div.three$*5 --按tab--生成--
    <div class="three1"></div>
    <div class="three2"></div>
    <div class="three3"></div>
    <div class="three4"></div>
    <div class="three5"></div>

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

    //div{我是xx}*3---按tab-- 生成 
    <div>我是xx</div>
    <div>我是xx</div>
    <div>我是xx</div>


    //div{$}*5 ---按tab-- 生成 
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>

快速生成CSS样式tips,打出首字母再按tab健就可以生成,

如 w--按tab--生成-- width <br>

w200 --按tab--生成-- width:200px; <br>