vscode 创建vue模板

1.选择file ->preference->User Snippets 

.

2. 输入vue ,然后选择vue.json 或者vue 

3.在vue.json 文件中输入以下内容，然后保存

{
		"Print to console": {
			"prefix": "vue",
			"body": [
				"<template>",
				"  <div class='$1'></div>",
				"</template>",
				"",
				"<script>",
			    "export default {",
				"  name: '$1',",
				"  data(){",
				"    return {}",
				"  },",
				"  components: {},",
				"  created(){},",
				"  mounted(){},",
				"  methods: {}",
				"}",
				"</script>",
				"<style lang='less' scoped>",
				"</style>",
				""
			],
			"description": "Log output to console"
	}
}

4.新建一个vue 文件。输入vue 点击tab 键就会出现你想要的内容