Hbuilder X quick use

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

Guess you like

Origin blog.csdn.net/codingLeader/article/details/130489203