vscode 创建模板

预期:做一个自定义的vue3的模板

预期效果如下当输入 vue3的时候自定义出自己的模板 

 首先在

 输入vue.json 注:这里的vue 只得是文件名为 .vue才会联想出来你的快捷键

最后创建模板 

 

{
	"snippetName": {
		"prefix": "vue3",
		"body": [
			"<template>",
			  "\t<div class=\"\">",
				"\t</div>",
			"</template>",
			"<script lang=\"ts\">",
			"import { defineComponent,reactive,toRefs,onMounted } from 'vue'",
			"export default defineComponent({",
			    "\tsetup(){",
			        "\t\tconst dataMap=reactive({",
			       " \t\t})",
			       "\t\tonMounted(()=>{",
			        "\t\t})",
			        "\t\treturn{",
			        " \t\t\t...toRefs(dataMap)",
			        "\t\t}",
			    "\t}",
			"})",
			"</script>",
			"<style lang=\"scss\" scoped>",
			"</style>"
		],
		"description": "快速创建在html5编写的vue模板"
	},
	"snippetName2": {
		"prefix": "vue3setup",
	"body": [
		"<template>",
		"\t<div class=\"\">",
		  "\t</div>",
	  "</template>",
		"<script setup>",
		"import { reactive } from 'vue';",
		"const router=useRouter()",
		"const dataMap=reactive({",
		"})",
		"</script>",
		"<style lang=\"scss\" scoped>",
		"</style>"
	],
	"description": "vue3 ts setup"
	}
	
}