HBuilderX 使用自定义代码块创建页面模板

1. 进入代码块页面
   
   工具 ——》 代码块设置 ——》 vue代码块，进入代码块页面。如下图：
   

2. 设置代码块
   
   这里为我设置的一个代码块，如需其他格式的可根据内容自定义

   "unitemp":{
   	"prefix":"unitemp",
   	"body":[
   		"<template>",
   			"<view class=\"wrap\">",
   				"<view>Demo$1</view>",
   			"</view>",
   		"</template>",
   		"",
   		"<script>",
   			"export default {",
   				"data() {",
   					"return {}",
   				"}",
   			"}",
   		"</script>",
   		"",
   		"<style>",
   		"</style>"
   	],
   	"project":"uni-app",
   	"scope":"source.vue.html"
   }
   

3. 使用代码块

   敲入关键字，回车即可，这里为 unitemp
   

4. 实现效果如下，Ctrl+K 重排代码格式即可