HBuilderX

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 重排代码格式即可