安装Auto Close Tag扩展并启用设置即可实现自动闭合标签:打开VSCode扩展面板搜索并安装Jun Han开发的Auto Close Tag插件,安装后确保在设置中开启Auto Close Tag: Enable选项,之后输入如<div>时会自动补全</div>,支持HTML、XML、Vue等语言。

VSCode 默认不会自动关闭 HTML 标签,但你可以通过安装扩展和启用设置来实现自动闭合标签功能。最常用的方法是使用 Auto Close Tag 插件,它能帮你自动补全结束标签。
1. 安装 Auto Close Tag 扩展
这是实现自动关闭标签的核心步骤:
- 打开 VSCode
- 点击左侧活动栏的扩展图标(或按 Ctrl+Shift+X)
- 在搜索框中输入 Auto Close Tag
- 找到由 Jun Han 开发的同名扩展
- 点击“安装”按钮
2. 确保设置已启用
安装完成后,该扩展通常会自动生效。你也可以手动检查配置:
- 打开设置(Ctrl+,)
- 搜索 auto close tag
- 确认 Auto Close Tag: Enable 选项是开启状态
3. 使用效果
安装并启用后,当你输入一个开始标签,比如 <div>,按下回车或继续输入内容时,插件会自动插入对应的 </div>。对于自闭合标签(如 <br/>、<img/>),它也会智能处理,无需额外配置。
支持的语言包括:HTML、XML、Vue、JSX(需额外配置)等。
基本上就这些,不复杂但容易忽略。


