1.目的

使用vsCode开发vue的时候，你肯定不希望一创建一个vue文件，你就要从零开始写vue的模板，js(watch,data),css;现在想实现下面这种效果可以不？当然是可以的

2.实现

1.打开VSCODE编辑器，左上角选项中依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue，会出现 如下：

会自动打开vue.json文件，把下面内容复制

	
		"Print to console": {
		  "prefix": "vue",
		  "body": [
			"<!-- $0 -->",
			"<template>",
			"  <div class='app-container'></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  data () {",
			"    return {",
			"    };",
			"  },",
			"",
			"  components: {},",
			"",
			"  computed: {},",
			"",
			"  mounted(){},",
			"",
			"  methods: {}",
			"}",
			"",
			"</script>",
			"<style lang='scss' scoped>",
			"</style>"
		],
		  "description": "Log output to console"
		}

保存，再就可以直接输入vue+tab键就可以生成vue模板了