vscode快捷键创建多个html标签

vscode快捷键创建多个html标签

• vscode中输入命令，按下Tab键
  Tab键，没反应解决办法：
• 参考地址

https://blog.csdn.net/xingyun_piaofu/article/details/131879072?spm=1001.2014.3001.5502

一、嵌套 >

• div>ul>li

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

二、并列 +

• div+p

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

三、重复 *

• li*3

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

四、返回 ^

• ul>li*3^p

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

五、分组 ()

• (ul>li*2)+p

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

六、属性 []

• div.menu

  <div class="menu"></div>

• div#menu

  <div id="menu"></div>

• div#header+div.container+div.foot#footer

  <div id="header"></div>
  <div class="container"></div>
  <div class="foot" id="footer"></div>

• input[name=user value=小李]

 <input type="text" name="user" value="小李">

七、编序 $

• ul>li.light-$*3

<ul>
  <li class="light-1"></li>
  <li class="light-2"></li>
  <li class="light-3"></li>
</ul>

八、内容 {}

• ul>li{$}*3

  <ul>
    <li class="light-1"></li>
    <li class="light-2"></li>
    <li class="light-3"></li>
  </ul>

综合使用

• ul>li{小李}*3

  <ul>
    <li>小李</li>
    <li>小李</li>
    <li>小李</li>
  </ul>

• select>option{$}*5

  <select name="" id="">
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
    <option value="">4</option>
    <option value="">5</option>
  </select>

• select>option[value=‘北京’]{$}*5>a[href=‘#’]{北京}

 <select name="" id="">
    <option value="北京">1<a href="#">北京</a></option>
    <option value="北京">2<a href="#">北京</a></option>
    <option value="北京">3<a href="#">北京</a></option>
    <option value="北京">4<a href="#">北京</a></option>
    <option value="北京">5<a href="#">北京</a></option>
  </select>

• 参考文章：
• https://blog.csdn.net/weixin_72155467/article/details/129355660