在VSCode中创建自己的vue代码片段

	// 我的Vue代码段
	"Vue Init": {
		"prefix": "vue",
		"description": "初始化Vue单文件组件",
		"body": [
			"<template>",
			"$1",
			"</template>",
			"",
			"<script>",
			"export default {",
			"   name:'${2:CPN}',",
			"	data() {",
			"		return {\n",
			"		}",
			"	},",
			"   components: {\n",
			"	}",
			"}",
			"</script>",
			"",
			"<style scoped>",
			"$4",
			"</style>",
			""
		]
	}
}

在VS Code左下角管理—用户代码片段中新建或者修改自己的代码块

使用时，在文件中输入vue 然后按tab键即可

效果如下