vscode 快速生成.vue模板

打开vscode,左下角设置-用户代码片段

image.png

输入vue.json打开该页面，输入

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

提示："$0":是你生成代码后鼠标光标所处的位置，可以自己修改放置位置。 "prefix"：表示生成对应预设代码的命令 。

保存关闭。
新建.vue文件，在页面里输入vue

image.png

然后 回车，模板就出来了，省去了我们敲模板的时间。

.js,.html文件都可以照这样来设置。