The HbuilderX tool quickly builds the front-end usage method, and records the specific usage method
1. div*6 + Enter can generate 6 div closing blocks at a time
//div*6
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
2. div#1*3 + Enter to quickly generate 3 divs with id 1
//div#1*3
<div id="1"></div>
<div id="1"></div>
<div id="1"></div>
3. div(span)*3 + Enter quickly generates 3 divs nested with span
//div(span)*3 快速生成3个嵌套着span的div
<div><span></span></div>
<div><span></span></div>
<div><span></span></div>
4. div.h_builder*3 + Enter to quickly generate 3 divs whose class is h_builder
//div.className*3 + Enter
<div class="className"></div>
<div class="className"></div>
<div class="className"></div>
5. div{name}*3 + Enter to quickly create 3 divs filled with name
//div{name}*3 快速创建3个用name填充div
<div>name</div>
<div>name</div>
<div>name</div>
Attached is the official website of Hbuilder X link: HBuilderX-Efficient Geek Skills