vue3+ts vscode 初始化模板

vue3+ts vscode 初始化模板

文件----首选项----用户片段—输入vue3点击回车—然后粘贴保存

要复制的 代码片。

{
	// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	"vue3": {
		"prefix": "vue3",
		"body": [
			"<template>",
			"  <!-- vue3页面 -->",
			"  <div> </div>",
			"</template>\n",
			"<script lang='ts'>",
			"import { defineComponent, reactive ,ref} from 'vue'",
			"  <!-- 在这里你认为要用到啥就import啥 -->",
			"export default defineComponent({",
			"  name: 'App',",
			"  setup() {",
			"    return {}",
			"  }",
			"})",
			"</script>\n",
			"<style scoped>",
			"</style>"
		]
	}
}

然后保存一下
新建vue页面 在页面输入vue3 回车或者tab就OK了

加油鸭！