vscode配置生成自定义代码片段

vscode可以自定义设置通过关键词生成代码片段，这样新建vue文件的时候就可以自动生成一些固定的代码模板，不要去手动写了。

1.windows系统的话 按下快捷键 Ctrl + Shift +P Mac电脑的话按 Cmd + Shift + P 快捷键

也可以通过左下角的设置进入

然后 输入 ：Snippets 选择配置代码片段

然后在选择新建一个全局文件，选择之后输入文件名按enter键即可 文件是json文件 例如：vue3.json

新建完文件后 将如下代码复制到新建的json文件，这里是已 vue3关键词来创建的 可以自己定义 代码模板也可以根据自己的随意定制 我这里生成的是 如下代码片段 在新建的.vue文件里面输入你的关键词按enter就会自动生成配置的代码片段

{
	"Print vue3 template": {
		"prefix": "vue3",
		"body": [
			"<template>",
			"</template>",
			"",
			"<script lang=\"ts\" setup>",
			"</script>",
			"",
			"<style lang=\"scss\" scoped>",
			"</style>"
		],
		"description": "生成 Vue 3 的默认模板结构"
	}
}