在用户代码片段中新建文件，属于自己的个性化快捷代码
VSCode配置路径：file(文件) => preferences（首选项） => user snippets（用户片段） 新建vue.json，粘贴如下内容
{
"Vue3快速生成模板": {
"prefix": "vue3",
"body": [
"<template>",
"<div></div>",
"</template>",
"<script lang='ts'>",
"import { defineComponent, reactive, toRefs } from 'vue-demi';",
"import { useI18n } from '/@/hooks/web/useI18n';",
"export default defineComponent({",
"name: 'ComponentName',",
"components: {},",
"props: {",
"name: {",
"type: String,",
"default: '',",
"},",
"},",
"emits: ['success'],",
"setup(props, { emit }) {",
"const { t } = useI18n();",
"const data = reactive({});",
"function Init() {",
"emit('success');",
"}",
"return {",
"...toRefs(data),",
"t,",
"Init,",
"};",
"},",
"});",
"</script>",
"<style scoped lang='less'></style>"
],
"description": "Log output to console"
}
}
保存之后，新建vue文件，输入vue3，TAB键 即可快速生成你想要的结构。
