vscode 添加用户代码片段

vscode 中可以通过自定义的关键字快速生成相应的代码片段

1. 创建代码片段
   点击：文件 -> 首选项 -> 用户片段 -> 新代码片段 输入 代码片段名字
2. 编辑代码片段
   例如:

{
	"Print to console": {
		"prefix": "vue3",
		"body": [
			"<!-- $1 -->",
			"<template>",
			"<div class='$2'>$5</div>",
			"</template>",
			"",
			"<script>",
			"import { reactive } from 'vue';",
			"export default {",
			"name:'' ,",
			"props: [ ],",
			"setup(props, ctx) {",
			"",
			"return {",
			"",
			"}",
			"}",
			"}",
			"</script>",
			"<style scoped>",
			"/*@import url($3); 引入公共css类*/",
			"$4",
			"</style>"
		],
		"description": "Log output to console"
	}
}

3. 保存
4. 使用
   在页面要使用代码块 一定要输入代码片段文件中 prefix对应的名字才会生效 ，创建代码块输入的名字只是单纯的文件名而已，没有其他作用