vscode 快速生成.vue组件模板代码

第一步：
打开vscode,找到左下角的设置按钮-用户代码片段

第二步：

输入vue，打开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，就会出现现有代码片段，按enter键即可