hbuilder常用代码大全

以下是HBuilder/HBuilderX中常用代码块的分类整理及使用说明，结合官方文档和开发者们的实践经验，为您呈现一个详尽的指南。

一、基础JavaScript代码块

1. 条件语句

使用`ife`快速生成if-else结构：

```javascript

if (condition) {

// 条件满足时的代码

} else {

// 条件不满足时的代码

}

```

使用`ifios`或`ifandroid`进行平台条件判断（HBuilderX 1.9.10+版本支持）。

2. 循环结构

输入`forr`快速生成基础for循环：

```javascript

for (let i = 0; i < ; i++) {

// 循环体

}

```

输入`fori`生成带索引变量的for循环。

3. 函数定义

使用`funn`生成具名函数：

```javascript

function name(params) {

// 函数体

}

```

输入`funa`快速生成匿名函数。

4. 调试输出

使用`clog`打印日志：`console.log('')`；输入`clogvar`快速生成带变量名的日志：`console.log('var:', var)`。

二、HTML快捷输入

1. Emmet语法

通过Emmet语法，您可以快速生成HTML结构。例如，输入`div.abc`后按Tab键，快速生成带有类名为abc的div元素。其他如列表、下拉框等也可以通过相应Emmet语法快速生成。

2. DOM操作

通过`dg`快速生成`document.getElementById('')`，输入`dl`使用jQuery选择器：`$("")`。

三、Vue/uni-app专用代码块

1. 框架语法

敲入`v`展开Vue代码块，如`v-for`、`v-model`等；输入`u`展开uni-app代码块，如页面生命周期函数等。

2. 网络请求