Hbuilder X 快捷使用

HbuilderX工具快速构建前端的使用方法,记录一下具体的使用方法

1、div*6  + Enter 可以一次生成6个div闭合块儿

//div*6
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

2、div#1*3 + Enter 快速生成3个id是1的div

//div#1*3
<div id="1"></div>
<div id="1"></div>
<div id="1"></div>

3、div(span)*3 + Enter 快速生成3个嵌套着span的div

//div(span)*3 快速生成3个嵌套着span的div
<div><span></span></div>
<div><span></span></div>
<div><span></span></div>

4、div.h_builder*3 + Enter 快速生成3个class为h_builder的div

//div.className*3 + Enter
<div class="className"></div>
<div class="className"></div>
<div class="className"></div>

5、div{name}*3 + Enter快速创建3个用name填充的div

//div{name}*3 快速创建3个用name填充div
<div>name</div>
<div>name</div>
<div>name</div>

附Hbuilder X 链接官网: HBuilderX-高效极客技巧

猜你喜欢

转载自blog.csdn.net/codingLeader/article/details/130489203