VScode 一步创建 Vue 组件模板

虽然有了 vetur 插件补全代码，新建一个 vue 组件文件后创建固定的模板也就两三步。但是，能不能像输入一个“ ！”就创建好 html 代码一样呢？

---

步骤如下：

1. 文件 --> 首选项 --> 用户片段 --> 输入 vue.json 建立以此命名的文件
2. 修改其中代码

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "",
            "",
            "",
            "",
            ""
        ],
        "description": "Log output to console"
    }
}

3. 重启 VScode，新建页面的时候输入 vue，回车，快速生成 vue 模板

---

我这生成的是 vue3 + ts 模板，当然你也可以自己定制 ，修改 vue.json 就好。