虽然有了 vetur 插件补全代码，新建一个 vue 组件文件后创建固定的模板也就两三步。但是，能不能像输入一个“ ！”就创建好 html 代码一样呢？
步骤如下：
- 文件 --> 首选项 --> 用户片段 --> 输入 vue.json 建立以此命名的文件
- 修改其中代码
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script lang='ts'>",
"",
"import { defineComponent } from 'vue'",
"",
"export default defineComponent({",
" setup () {",
"",
" },",
"})",
"</script>",
"",
"<style scoped>",
"",
"</style>"
],
"description": "Log output to console"
}
}
- 重启 VScode，新建页面的时候输入 vue，回车，快速生成 vue 模板
我这生成的是 vue3 + ts 模板，当然你也可以自己定制 ，修改 vue.json 就好。
