HBuilder快速生成代码行的技巧

简介: HBuilder快速生成代码行的技巧
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>      

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

目录
相关文章
|
JavaScript 前端开发
【Intelli IDEA】Idea 打不开vue 项目,Idea 打开vue项目卡死的解决方案
【Intelli IDEA】Idea 打不开vue 项目,Idea 打开vue项目卡死的解决方案
489 0
|
小程序 开发者
HBuilderX运行uniapp到微信开发者工具常见报错
HBuilderX运行uniapp到微信开发者工具常见报错
1380 0
|
JSON JavaScript 小程序
关于HBuilderX的简单介绍
关于HBuilderX的简单介绍
3664 0
|
5月前
|
前端开发 JavaScript IDE
WebStorm 打开多个项目的方法
【8月更文挑战第2天】
172 0
|
小程序 IDE 安全
UniAPP HBuilderX 运行到各个小程序开发工具
UniAPP HBuilderX 运行到各个小程序开发工具
573 0
|
移动开发 编译器
HBuilderX下载安装以及打包uniapp项目
公司需要打包uniapp的项目为h5,自己之前没接触过,兴趣来了,根据百度搜索需要HBuilderX工具进行打包。
Hbuilder x学习1-Hbuilder x下载
Hbuilder x学习1-Hbuilder x下载
74 0
Hbuilder x学习1-Hbuilder x下载
|
数据安全/隐私保护 iOS开发 开发者
2020最新xcode打包IPA(完整详细图文详解)
2020最新xcode打包IPA(完整详细图文详解)
2020最新xcode打包IPA(完整详细图文详解)
|
开发者
HBuilderX - 基础篇
HBuilderX - 基础篇
525 0
|
Linux C语言 C++
微信后台phxrpc编译及QtCreator工程下载
微信后台phxrpc编译及QtCreator工程下载
149 0