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

风轻轻~

已于 2022-06-30 10:35:48 修改

阅读量6.1k

点赞数 2

分类专栏：开发工具文章标签： HBuilderX

于 2020-10-20 14:02:58 首次发布

本文链接：https://blog.youkuaiyun.com/Jie_1997/article/details/109175213

版权

开发工具专栏收录该内容

3 篇文章

订阅专栏

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

进入代码块页面

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

设置代码块
在这里插入图片描述
这里为我设置的一个代码块，如需其他格式的可根据内容自定义

"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"
}