预期:做一个自定义的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"
}
}