使用vscode创建vue文件时，自动生成vue文件模板

在vscode中没有像hubilder一样，创建vue文件后就自动生成vue模板。
但是我们可以自己创建vue.json文件自定义配置。
记录一下我自己配置的过程🤭

1.打开vscode，在菜单栏中选择 文件 / 首选项 / 用户代码片段
这时就会打开搜索栏

2.新建全局代码片段 / 输入vue.json

3.手动配置vue.json文件
将下面的代码，复制到创建的vue.json文件中，保存，然后就🆗了

在使用的时候，创建vue文件，然后输入vue，按tab键，或者回车键，就可以创建一个自定义模板的vue文件辣

{
	// 打印输出
	"Print to console": {
		// 前缀  也就是用户输入的快捷键内容
		"prefix": "vue",
		// 输出内容
		"body": [
			"<!-- $0 -->",
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data () {",
			"    return {",
			"    }",
			"  }",
			"}",
			"</script>",
			"",
			"<style  scoped>",
			"",
			"</style>",
			""
		],
		// 描述
		"description": "Log output to console"
	}
}