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

①打开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"
	    }

③ 将以上的代码复制到vue.json 文件中

在页面中输入 vue 回车即可！