HBuilder快速生成代码行的技巧

Myth丶恋晨 2023-02-16 01:46 9阅读 0赞

##### 1.在body内输入`div.box`按下tab键 #####

**效果：**

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

--------------------

##### 2.在body内输入`div#box`按下tab键 #####

**效果：**

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

--------------------

##### 3.在body内输入`ul>li{旺财}*3`按下tab键 #####

**效果：**

<ul>
        <li>旺财</li>	
        <li>旺财</li>
        <li>旺财</li>
     </ul>

--------------------

##### 4.在body内输入`div>a[href='#']{小强}*3`按下tab键 #####

**效果：**

<div>
          <a href="#">小强</a>
          <a href="#">小强</a>
          <a href="#">小强</a>
    </div>

--------------------

##### 5.在body内输入`table>tr*3>td{$}*5`按下tab键 #####

**效果：**

<table>
    	<tr>
    	    <td>1</td>
    	    <td>2</td>
    	    <td>3</td>
    	    <td>4</td>
      	    <td>5</td>
        </tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>4</td>
    		<td>5</td>
    	</tr>
    </table>

--------------------

##### 6.在body内输入select>option\{$\}\*5按下tab键 #####

**效果：**

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

--------------------

##### 7.在body内输入select>option\[value=‘序号’\]\{$\}\*5>a\[href=’\#’\]\{编号\}按下tab键 #####

**效果：**

<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>

> 属性值用\[ \]填充，文本内容用\{ \}填充，\*数字：代表生成的元素个数

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA快速生成Java代码

IDEA快速生成Java代码生成主方法 psvm+回车打出System.out.println(); sout+回车打出for循环条件+for+

朱雀/ 2023年03月13日 12:28/ 0 赞/ 318 阅读

相关 HBuilder快速生成代码行的技巧

1.在body内输入`div.box`按下tab键效果： <div class="box"></div> -------------------- 2.

Myth丶恋晨/ 2023年02月16日 01:46/ 0 赞/ 10 阅读

相关快速生成代码片段

在开发过程中有一写代码重复的使用，而且不能重构。可以使用代码生成管理器进行快捷键的绑定，提高开发效率。工具--》代码片段管理--》c\ --》Visual C\ 可以自

落日映苍穹つ/ 2022年12月11日 07:46/ 0 赞/ 412 阅读

相关 idea 快速生成代码的快捷键

psvm 加ab键 mian方法快速生成 sout 加tab键输出打印快捷键 alt+insert 快速生成get set 方法 itar 生成

Dear 丶/ 2022年10月23日 11:17/ 0 赞/ 235 阅读

相关 IDEA 代码生成技巧

作者：Sharehub 来源：blog.xiaohansong.com/idea-live-templates.html Java 开发过程经常需要编

悠悠/ 2022年09月11日 06:28/ 0 赞/ 188 阅读

相关 HTML/CSS代码快速生成

一、快速编写HTML代码输入后按tab键 1. 初始化 HTML文档需要包含一些固定的标签，比如<html>、<head>、<b

╰+攻爆jí腚メ/ 2022年05月29日 04:25/ 0 赞/ 313 阅读

相关 elipse 关键代码快速生成

window->perference ![70][] 这里最需要注意的是Auto Activation，下面有一个Auto activation triggers for

ゝ一纸荒年。/ 2022年05月21日 07:48/ 0 赞/ 199 阅读

相关 webstrom 快速生成代码块

在开发中，有很多模块是重复使用的，但如果每次都要敲一遍，那开发速度就会大大降低，所以，需要自定义一些常用模块代码，然后输入缩写按TAB键输入。下面教教大家如何自定义代码块。

逃离我推掉我的手/ 2022年04月22日 07:08/ 0 赞/ 373 阅读

相关 vscode快速生成标准的html代码

转载自：[https://blog.csdn.net/suwyer/article/details/81237880][https_blog.csdn.net_suwyer_a

桃扇骨/ 2022年03月20日 07:15/ 0 赞/ 304 阅读

相关自己生成符合HBuilder的andriodSDK

keytool -genkey -alias （自己写的别名，什么都可以） -keyalg RSA -sigalg SHA1WithRSA -validity （这个是有效时间

痛定思痛。/ 2021年12月09日 04:59/ 0 赞/ 204 阅读