提交 22a8480b 编写于 作者: hbcui1984's avatar hbcui1984

优化代码块描述

上级 9bfa1992
### 使用代码块直接创建组件模板
为提升开发效率,HBuilderX将 ```uni-app``` 常用代码封装成了以 ```u``` 开头的代码块,如在 ```template``` 标签内输入 ```ulist``` 回车,会自动生成如下代码:
为提升开发效率,HBuilderX将 `uni-app` 常用代码封装成了以 `u` 开头的代码块,如在 `template` 标签内输入 `ulist` 回车,会自动生成如下代码:
```html
<uni-list>
......@@ -9,10 +8,11 @@
<uni-list-item title="" note=""></uni-list-item>
</uni-list>
```
注意需保障uni-list组件在项目的components目录下。比较简单的方式,是新建项目时,选 uni ui项目模板,在里面即可随便敲所有u开头的代码块。如果不是 uni ui项目模板,那么需要去插件市场手动把[uni ui组件](https://ext.dcloud.net.cn/plugin?id=55)下载到工程里。
注意:需确保`uni-list`组件已保存在项目的`components`目录下。比较简单的方式,是新建项目时,选`uni-ui`项目模板,在里面即可随便敲所有u开头的代码块。如果你的项目不是`uni-ui`项目模板,那么你需要去插件市场手动把[uni ui组件](https://ext.dcloud.net.cn/plugin?id=55)下载到工程里。
代码块分为Tag代码块、JS代码块,如在 ```script``` 标签内输入 ```uShowToast``` 回车,会自动生成如下代码:
代码块分为`Tag`代码块、`JS`代码块,如在 `script` 标签内输入 `uShowToast` 回车,会自动生成如下代码:
```js
uni.showToast({
......@@ -22,10 +22,10 @@ uni.showToast({
});
```
```uni-app```已支持代码块见下方列表。
`uni-app`已支持代码块见下方列表。
#### Tag代码块
### Tag代码块
- uButton
- uCheckbox
......@@ -36,16 +36,18 @@ uni.showToast({
- uSwiper
- ......
几乎各种组件不管是内置组件还是uni ui的组件,均已封装为代码块,在HBuilderX的vue代码template区域中敲u,代码助手会提示所有可见列表。也可在HBuilderX菜单工具-代码块设置-vue代码块的左侧列表查阅所有。
几乎各种组件不管是内置组件还是`uni-ui`的组件,均已封装为代码块;使用`HBuilderX`打开`uni-app`项目中的`.vue`文件,在`template`区域敲`u`,代码助手会提示所有可见代码块列表。
你也可以在HBuilderX菜单-工具-代码块设置-vue代码块的左侧列表查阅所有已支持的代码块。
除组件外,其他常用代码块包括:
- viewfor:生成一段带有v-for循环结构的视图代码块
- vbase:生成一段基本的vue代码结构
#### JS代码块
### JS代码块
##### uni api代码块
#### uni api代码块
- uRequest
- uGetLocation
- uShowToast
......@@ -63,16 +65,16 @@ uni.showToast({
- uPay
- ......
几乎各种常用js api,均已封装为代码块,在HBuilderX的js代码中敲u,代码助手会提示所有可见列表。也可在HBuilderX菜单工具-代码块设置-js代码块的左侧列表查阅所有。
几乎各种常用js api,均已封装为代码块,在HBuilderX的js代码中敲u,代码助手会提示所有可见列表。也可在HBuilderX菜单-工具-代码块设置-js代码块的左侧列表查阅所有。
##### vue js代码块
#### vue js代码块
- vImport:导入文件
- ed:export default
- vData:输出 data(){return{}}
- vMethod:输出 methods:{}
- vComponents:输出 components: {}
##### 其他常用js代码块
#### 其他常用js代码块
- iff:简单if
- forr:for循环结构体
- fori:for循环结构体并包含i
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册