vscode 快速生成.vue模板

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

image.png

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

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>$0</div>",
            "</template>",
            "",
            "<script>",
            "export default {",

            "",
            "}",
            "",
            "</script>",
            "<style>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

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

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

image.png

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

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