本文共 833 字，大约阅读时间需要 2 分钟。

使用代码块直接创建组件模板

为提升开发效率，HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块，如在 template 标签内输入 ulist 回车，会自动生成如下代码：

代码块分为Tag代码块、JS代码块，如在 script 标签内输入 uShowToast 回车，会自动生成如下代码：

uni.showToast({
       title: '',    mask: false    duration: 1500});

uni-app已支持代码块见下方列表。

Tag代码块

uButton uCheckbox uGrid：宫格，需引用uni ui uList：列表，需引用uni ui uListMedia uRadio uSwiper … 几乎各种组件不管是内置组件还是uni ui的组件，均已封装为代码块，在HBuilderX的vue代码template区域中敲u，代码助手会提示所有可见列表。也可在HBuilderX菜单工具-代码块设置-vue代码块的左侧列表查阅所有。

除组件外，其他常用代码块包括：

viewfor：生成一段带有v-for循环结构的视图代码块

vbase：生成一段基本的vue代码结构

JS代码块

uni api代码块 uRequest uGetLocation uShowToast uShowLoading uHideLoading uShowModal uShowActionSheet uNavigateTo uNavigateBack uRedirectTo uStartPullDownRefresh uStopPullDownRefresh uLogin uShare uPay … iff：简单if forr：for循环结构体 fori：for循环结构体并包含i funn：函数 clog：输出："console.log()

转载地址：http://qwhws.baihongyu.com/