vscode配置代码片段生成快捷键

一开始还以为是装个插件的事，没想到是自己定义的快捷键。

以vue3代码片段为例

在vscode左下角点击红框处

选择新建全局代码片段文件

输入快捷键名称 vue3（可以自定义），以.json结尾，回车

在打开的文件里编写需要的代码片段，保存。

 

模板代码示例如下，可以自行修改

{
	"Print to console": {
		"prefix": "vue3",        //键入该值，按tab快捷产生
		"body": [
			"<script setup>",
			"	",
			"</script>",
			"<template>",
			"	",
			"</template>",
			"<style scoped lang='scss'>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

新建vue组件，输入vue3，会有提示，选中后回车，即可生成刚才设置的代码片段。