HbuilderX编辑器快速生成vue代码块

最新推荐文章于 2026-02-21 00:14:03 发布

原创最新推荐文章于 2026-02-21 00:14:03 发布 · 2.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Vue.js

当前文章被收录于：

Vue.js

7 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

①打开HbuilderX 编辑器

②在 “工具“ 中选择 “代码块设置“，在选择 “vue 代码块“，进入代码页

在这里插入图片描述

	 "Print to console": {
	        "prefix": "vue",
	        "body": [
	            "<template>",
	            "  <view class=\"$1\">",
	            "    ",
	            "  </view>",
	            "</template>",
	            "",
	            "<script>",
	            "",
	            "export default {",
	            "  data () {",
	            "    return {",
	            "      ",
	            "    }",
	            "  }",
				",",
				" methods:{",
				"",
				"}",
	            "}",
	            "</script>",
	            "",
	            "<style lang=\"scss\" scoped>",
	            "",
	            "</style>",
	            ""
	        ],
	        "description": "Log output to console"
	    }