Visual Studio code编辑器快速生产Vue2模板

第一步

• 点击设置选项，里面的用户代码片段。
  图示：
  

第二步

• 在弹出的输入框内输入 vue.json擦看是否存在该文件，存在就在里面复制下面的代码即可，不存在就点击新建一个文件
  图示：
  

第三步

• 如果有就点击进入 ，没有的话就创建一个，然后在里面复制下面的代码即可
  注意：创建的文件命名为vue.json

	"Vue文件模板": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div class=\"$1\">",
			"    $3",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name: '$2'",
			"}",
			"</script>",
			"",
			"<style lang=\"less\" scoped>",
			"",
			"</style>",
			""
		],
		"description": "快速搭建.vue单文件组件模板"
	}

演示

• 在你需要生成 vue 模板的地方输入 vue 然后回车即可
  图示：