vscode配置命令快速生成vue3+ts模板代码

2,447 阅读1分钟

第一步点击vscode左下角的设置

image.png

第二步点击用户代码片段

image.png

第三步点击新建

image.png

第四步输入vue3然后敲下回车

image.png

第五步配置模板代码

{
	"Print to console": {
		"scope": "vue",
		"prefix": "v3",
		"body": [
			"<!-- $1 -->",
			"<template>",
			"$0    <div>",
			"$4",
			"$0    </div>",
			"</template>",
			"",
			"<script setup lang=\"ts\">",
			"$4",
			"</script>",
			"$4",
			"<style lang=\"scss\" scoped>",
			"$4",
			"</style>"
		],
		"description": "vue3"
	}
}

然后就可以在项目中打个v3然后回车就出来vue3模板了,prefix可以自定义模板命令