在用戶代碼片段中新建文件落包，屬于自己的個(gè)性化快捷代碼
VSCode配置路徑：file(文件) => preferences（首選項(xiàng)） => user snippets（用戶片段） 新建vue.json宽气，粘貼如下內(nèi)容
{
"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鍵 即可快速生成你想要的結(jié)構(gòu)。
