VScode ---- vue中HTML代码tab键自动补全插件及配置

1. 首先在vscode商店中下载并重新加载 HTML Snippets

2. 在设置(settings.json)中搜索 files.associations 配置对象

3. 在 settings.json 对象最后插入代码:

    "files.associations": {
     

        "*.vue": "html"

    },

    "emmet.triggerExpansionOnTab": true,

    "emmet.includeLanguages": {
     

        "vue-html": "html",

        "vue": "html"

    }

(如图所示)

在 settings.json 文件对象最后插入这段代码

此时, 在html结构中就可以使用tab键自动补全标签

例如: 输入 child 然后按下tab键便可自动补全标签