vscode快速生成vue模板

1、新建代码片段：文件 -> 首选项 -> 用户片段 -> 输入vue.json
2、粘贴自己的vue模板：

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div class='$2'>$5</div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data() {",
			"    return {",
			"",
			"    };",
			"  },",
			"  computed: {},",
			"  watch: {},",
			"  methods: {",
			"",
			"  },",
			"  created() {",
			"",
			"  },",
			"  mounted() {",
			"",
			"  },",
			"  beforeCreate() {},",
			"  beforeMount() {},",
			"  beforeUpdate() {},",
			"  updated() {},",
			"  beforeDestroy() {},",
			"  destroyed() {},",
      		"  activated() {},",
			"  components: {},",
			"}",
			"</script>",
			"",
			"<style lang='scss' scoped>",
			"$4",
      		"</style>"
		],
		"description": "Log output to console"
	}
}

上面代码中的 “prefix”: “vue”, 就是快捷键
最后保存好之后，新建.vue文件，输入vue，按tab键