HBuilderX - 使用自定义代码块创建页面模板
HBuilderX 使用自定义代码块创建页面模板进入代码块页面工具——》代码块设置——》vue代码块,进入代码块页面。如下图:设置代码块这里为我设置的一个代码块,如需其他格式的可根据内容自定义"unitemp":{"prefix":"unitemp","body":["<template>","<view class=\"wrap\">","<view>Demo
·
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" }
-
使用代码块
敲入关键字,回车即可,这里为
unitemp
-
实现效果如下,
Ctrl
+K
重排代码格式即可
更多推荐
已为社区贡献21条内容
所有评论(0)