vsCode设置vue3模板快捷键

1、找到vscode设置

找到设置里面的User Snippets(用户代码片段)

2.点击User Snippets(用户代码片段)后，页面上方会出现一个输入框

在输入框中输入 vue,由于版本不同配置不同，输入Vue后可能会显示vue.json,也可能只显示Vue

3.进入vue.json页面加入代码,保存即可

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

4.使用方法

新建一个vue页面（prefix后设置的字符串就是创建模板的命令）

在页面输入Vue3,按下回车或Tab键，页面就会出现初始化的模板