vsCode快速生成dom元素代码

前端vsCode快速生成dom元素代码

1、输入 #root ，按tab键或者Enter键

<div id="root"></div>

2、输入 span#root

<span id="root"></span>

3、输入 .item

<div class="item"></div>

4、输入 i.item

<i class="item"></i>

5、输入 p{文本}

<p>内容</p>

5、输入 a[href=#]

<a href="#"></a>

6、table>.row>.col

<table>
  <tr class="row">
    <td class="col"></td>
  </tr>
</table>

7、div+p

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

8、div>p

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

9、ul>li*3

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

10、ul>li*3

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

11、ul>li*3>span

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

12、(.aaa>i)+(.bbb>h1*2>span)

<div class="aaa"><i></i></div>
<div class="bbb">
  <h1><span></span></h1>
  <h1><span></span></h1>
</div>

13、ul>li.item$*3

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ul>

14、ul>li.item$@4*3

<ul>
  <li class="item4"></li>
  <li class="item5"></li>
  <li class="item6"></li>
</ul>

15、ul.content>li.box.box$*3{文本}

<ul class="content">
  <li class="box box1">文本</li>
  <li class="box box2">文本</li>
  <li class="box box3">文本</li>
</ul>