前端HBuiderX ，快速生成多个标签和属性，文本内容代码的快捷键

1.快速生成标签 和 id,class等 属性

输入 div.box 并按下 tab 键

效果：

<div class="box"></div>

输入 div#box 并按下 tab 键

效果：

<div id="box"></div>

其他标签和属性的生成以此类推

2. 一次生成多个标签，标签属性，标签文本内容 
 > 符号前后第一个标签，代表父子标签，属性值用[] 填充，文本内容用{} 填充，使用{$}可以生成标签序号，*数字： 代表生成的标签个数 ，文本内容填充{}，必须在 *数字前面，在标签后面

2.1 一次生成多个标签和标签内容

输入 ul>li{发}*6 按下 tab 键

效果

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

</ul>

2.2一次生成多个标签，标签属性，标签文本内容

输入 div>a[href='www.baidu.com']{度娘}*6 并按下 tab 键

效果

<div>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
 </div>

2.3 标签内容填充序号

输入 table>tr*3>td{$}*2 按下 tab 键

效果：

<table>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
        </table>

注意：光标要放到文本最后面