确保VSCode中Auto Closing Tags和Auto Rename Tag设置已开启,输入开始标签时会自动补全结束标签并同步修改。

VSCode 默认就支持 HTML 标签自动闭合,但需要确保相关设置已开启。只要配置正确,你在输入开始标签后,VSCode 会自动补全结束标签。
1. 确保启用了自动闭合功能
打开 VSCode 设置(可以通过 Ctrl + , 快捷键),搜索以下选项并确认它们已启用:
- Auto Closing Tags:启用后,在输入开始标签时会自动插入结束标签。
- Auto Rename Tag:修改开始标签时,结束标签也会同步更改。
这两个功能默认是开启的,如果你发现没生效,手动勾选即可。
2. 安装并使用 Emmet 增强补全
VSCode 内置了 Emmet 支持,能大幅提升 HTML 编写效率。
立即学习“前端免费学习笔记(深入)”;
- div 后按 Tab 或 Enter,会生成 。
- p*3 再按 Tab,可快速生成三个段落标签。
Emmet 在 HTML 文件中默认可用,无需额外配置。
3. 检查文件语言模式
确保当前文件被识别为 HTML。右下角状态栏应显示“HTML”。如果不是:
只有在正确的语言模式下,自动闭合功能才会生效。
基本上就这些。只要设置正确,VSCode 的 HTML 自动闭合很稳定,不复杂但容易忽略细节。











