VS Code 快速生成Vue3 + TypeScript + Setup 基础空模板

失踪人口回归，原力值回家。

废话不多说，直接进入教程：

按下Ctrl+Shift+P（Windows）/Cmd+Shift+P（Mac），输入「Configure User Snippets 」，选择vue.json文件。

在vue.json文件内写入以下代码：

{
	"Vue3 TS Setup - Basic": {
		"prefix": "v3ts",
		"body": [
			"<script setup lang=\"ts\">",
			"$1",
			"</script>",
			"",
			"<template>",
			"    <div>",
			"    $3",
			"    </div>",
			"</template>",
			"",
			"<style scoped lang=\"scss\">",
			"$4",
			"</style>"
		],
		"description": "Vue3 + TypeScript + Setup 基础空模板"
	},
}

新建vue文件实践一下，输入v3ts ：

选择一下，生成好了：

很简单吧，以后不用手敲基础的模板，也可以将一些比较通用的在json文件内加上，类似class等，以此展开。

好了，你们看见我的原力值了么...