hbuilder自定义代码块分享

最近使用builder作vue学习，发现代码块比较少而且自定义稍微有点麻烦，记录分享一下几个自己用的代码块模板

自定义方法（html为例），后续按提示编写具体的代码块即可：

log（JavaScript代码块）（输入log触发）

"log": {
		"body": [
			"console.log('$1')"
		],
		"prefix": "log",
		"scope": "source.js"
	}

vue（html代码块） （输入vue触发）

"vue": {
		"body": [
		    "<div id=\"app\">{{}}</div>",
		    "<script src=\"js/vue.js\" type=\"text/javascript\" charset=\"utf-8\"></script>",
		    "<script type=\"text/javascript\">",
			"\tconst vue = new Vue({",
			"\t\tel: '#app',",
			"\t\tdata:{",
			"\t\t\t$1",
			"\t\t}",
			"\t})",
			"</script>"
		],
		"prefix": "vue",
		"scope": "text.html.basic"
	}

 复制到这个位置保存即可