跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

VSCode的“自动闭合标签”功能

VSCode自动闭合标签默认开启但依赖文件类型、语言模式和设置;需检查html.autoClosingTag等开关,确认右下角语言模式正确,并排除Prettier等扩展干扰。 VSCode 的“自动闭合标签”功能默认是开启的,但实际效果取决于你当前打开的文件类型、所用扩展(尤其是语言支持插件)以及相关设置是否被意外关闭或覆盖。 确认基础设置已启用 该功能由 VSCode 内置的 HTML/JavaScript 支持提供,核心开关是: "html.autoClosingTag" (对 HTML 文件)和 "javascript.autoClosingBrackets" (对 JS 中的括号)。它们默认为 true ,但你可以手动检查: 按 Ctrl+, (Windows/Linux)或 Cmd+, (Mac)打开设置 搜索 auto closing tag 确保 HTML: Auto Closing Tag 已勾选 同理可检查 CSS、JavaScript 对应的自动闭合选项 注意文件语言模式 VSCode 按当前文件的 语言模式 (右下角显示,如 “HTML”、“Plain Text”)决定启用哪些自动补全规则: 如果文件后缀是 .html 但右下角显示 Plain Text ,自动闭合不会触发 → 点击右下角文字,选择 HTML Vue、Svelte、TSX 等格式需对应扩展(如 Volar、Svelte for VS Code)提供增强支持,仅靠内置 HTML 设置不够 在 .md (Markdown)中,默认不闭合 HTML 标签,除非安装了支持 HTML 补全的 Markdown 扩展 常见干扰项:其他扩展或设置冲突 某些常用扩展(如 Auto Rename Tag、Prettier、Emmet)可能影响行为: Eclipse导入Android或其他的JAVA项目的正确方法 WORD版 本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法;希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看 下载 Prettier 本身不控制标签闭合,但如果它在保存时格式化代码,可能“覆盖”你手动输入的未闭合标签 → 检查 formatOnSave 是否开启,或配置 Prettier 忽略 HTML 标签逻辑 Auto Rename Tag 同步修改开始/结束标签,和自动闭合无关,但容易让人混淆“为什么没自动加
” 如果装了旧版或冲突的 Emmet 扩展,尝试禁用后重启 VSCode 测试原生行为 快速验证与调试小技巧 写一行最简测试,立刻判断是否生效: 新建文件 → 保存为 test.html → 输入
或 Tab 预期结果:
,光标停在两个标签之间 若只出现
,检查上面三项;若出现
但光标不在中间,可能是 editor.autoClosingBrackets 设为 languageDefined 而非 always 基本上就这些。不需要装额外插件,多数问题出在语言模式识别错误或个别设置被关掉。调一下,立马就好。

相关文章