自定义 VScode 代码片段

打开vscode 文件->首选项->用户片段->新建全局代码片段文件

示例 文件名称vue3.json

{
	"Print to console": {
		"prefix": "setup",
		"body": [
			"<template>",
			"<div>",
			"</div>",
			"</template>",
			"<script lang='ts' setup>",
			"import {ref,reactive} from 'vue';",
			"",
			"</script>",
			"<style lang='less' scoped>",
			"",
			"</style>",
		],
		"description": "Log output to console"
	}
}

创建.vue 文件

输入 setup 按下enter 键