vscode 如何配置快速生成 vue3 模板

（1）点击 vscode 左下角的齿轮设置按钮，点击用户代码片段

（2）输入 vue，选择 vue.json 文件

（3）在注释下添加如下代码即可

登录后复制

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

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.

保存即可。

使用时输入 vue3 即可快速生成 vue3 模板。

原创作者: u_14785218 转载于: https://blog.51cto.com/u_14785218/11443598