vscode 自动生成.vue文件代码

使vue文件能够像html一样，能够自动生成.vue文件模板

1、点击左下角设置按钮，选择用户代码片段；

2、搜索 vue.json，打开该文件；

3、输入如下代码；

• $0 是生成代码后鼠标光标所处的位置
• prefix 表示生成对应预设代码的命令

  {
  	"Print to console": {
  		"prefix": "vue",
  		"body": [
  			"<template>",
  			"    <div>",
  			"        $0",
  			"    </div>",
  			"</template>",
  			"",
  			"<script>",
  			"export default {",
  			"",
  			"}",
  			"</script>",
  			"",
  			"<style>",
  			"",
  			"</style>"
  		],
  		"description": "Log output to console"
  	}
  }
  

4、新建 .vue 文件，输入vue，再按下 tab或enter 即可