vscode配置vue用户代码片段

1. 打开vscode软件

2. 选中左下角的设置按钮，再点击用户代码片段（如图）

3. 

4. 再选择vue.json文件/新建全局代码片段（如图）
   

5. 进行相关配置（如下代码）

{
	"Vue2 quickly build template": {
		"prefix": "vue2Init",
		"body": [
		  "<template>",
		  "",
		  "</template>",
		  "",
		  "",
		  "<script>",
		  "  export default {",
		  "    data () {",
		  "      return {",
		  "      }",
		  "    }",
		  "  }",
		  "</script>",
		  "",
		  "",
		  "<style scoped>",
		  "",
		  "</style>"    
		],
	  "description": "vue2快速构建模板"
	 },
	"Vue3 quickly build template": {
		  "prefix": "vue3Init",
		  "body": [
			"<template>",
			"\t<div>\n",
			"\t</div>",
			"</template>\n",
			"<script lang='ts' setup>",
			"import { onMounted, reactive, ref, toRefs, watch } from 'vue'\n",
			"</script>\n",
			"<style lang='scss' scoped>\n",
			"</style>",
			"$2"
		  ],
		  "description": "vue3快速构建模板"
	}
}

5. 在页面上面如何使用（如图）
   
   
   上图是vue3Init生成的模版

6. 我配置了两个vue快速构建模版，一个vue2版本，一个vue3版本，觉得有用 喜欢请大家点赞●▽●