vsCode 新增 vue 模板 代码块

新建自己习惯的vue代码块，提高开发速度。

1. 左下角设置，或者工具栏里【文件】-【首选项】-【用户代码片段】

2. 新建或修改vue.json代码片段

3. 若无vue.json，则新建

因为我已经有了就是这样，如果你也已经有vue.json文件，再上一步直接搜索vue.json文件更改即可。

以下代码片段可供参考，prefix的值‘s’即为新建vue文件后生成模板的快捷键，可改为自己习惯的命令。

{
	"Print to console": {
		"prefix": "s",
		"body": [
			"<template>",
			"\t<div class=\"\">\n\t\t$2\n\t</div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"\tcomponents: {",
			"",
			"\t},",
			"\tdata() {",
			"\t\treturn {",
			"",
			"\t\t}",
			"\t},",
			"\tcomputed: {",
			"",
			"\t},",
			
			"\tcreated() {",
			"",
			"\t},",
			"\tmounted() {",
			"",
			"\t},",
			"\tmethods: {",
			"",
			"\t}",
			"}",
			"</script>",
			"",
			"<style lang='scss' scoped>",
			"",
			"</style>",
			""
		],
		"description": "tplv output to vue-template"
	}
}