vscode 在html/vue/jsx 文件中，如何回车自动补全html标签？

Question

编辑器：vs code
新建html文件，在body中输入

<div回车，无任何反应【不ok】

输入div回车，能够补全成<div></div>【很棒】

这种方式很伤，我想要输入div或者<div,在编辑器有提示的时候敲回车，都能正常补全成<div></div>，请问怎么做？

谢谢

已经安装插件截图

配置的setting.json

{
    "workbench.colorTheme": "Panda Syntax",
    "editor.fontSize": 15.5,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.minimap.enabled": false,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[less]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "prettier.useTabs": true,
    "emmet.triggerExpansionOnTab": true,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "prettier.semi": false
}

安装auto close tag 后已重启，验证输入<div回车，依然不能显示<div></div>

Answer 1

装一下这个插件试下。
Auto Close Tag