vscode如何创建用户片段

**原因:**电脑主板烧了，很多东西都不见了，特别是以前创建的用户代码片段全没了/(ㄒoㄒ)/~~,需要重新创建用户代码片段，但是又很长时间没弄过了，所以记录下

懒人神器用户代码片段：
1.用户代码片段的使用：
只需要输入自己所需要的前缀，就可以生成对应的代码片段，大大提高了工作效率:

2.如何设置：

3.生成用户代码片段文件：

4.如何设置用户代码片段：
以我的为例子：

"vue基础信息添加": {
		"prefix": "vueBasic",//代码输入提示
		"body": [//生成片段主体
		  "<template>",
		  "  <div id=\"index\" class=\"app-container\">",
		  "  </div>",
		  "</template>",
		  "<script>",
		  "//异步组件引入",
		  "const XX= resolve => require(['@/components/XX'], resolve)",
		  "export default {",
		  "  name: 'index',",
		  "  data() {",
		  "    return {",
		  "",
		  "    }",
		  "  },",
		  "  component: { Pagination },",
		  "  mounted() {",
		  "    ",
		  "  },",
		  "  methods:{",
		  "  }",
		  "}",
		  "</script>",
		  "<style lang=\"scss\" scoped>",
		  "",
		  "</style>",
		  ""
		],
		"description": "vue基础信息添加";//描述信息
	}

5.如果觉得太麻烦可以通过一些网站生成

https://snippet-generator.app/