VSCode中HTML属性输入"自动补单引号而非双引号，主因是插件（如Prettier/ESLint）或配置（如singleQuote=true）覆盖原生补全；需禁用插件、设"editor.autoClosingBrackets":"always"、确认语言模式为html，并检查多层配置干扰。
HTML属性里输入"时自动补双引号，但实际插入了单引号
VSCode 默认的引号自动补全不区分 HTML 属性上下文，它按语言模式全局生效，而 HTML 模式默认优先用单引号（受 html.format.wrapAttributes 和 editor.autoClosingBrackets 共同影响）。你敲 " 却得到 ''，大概率是插件或格式化设置在“抢答”。
- 检查是否启用了 Prettier 或 ESLint 插件——它们会在键入后立刻重写引号，覆盖编辑器原生补全行为
- 临时禁用所有插件，只留 VSCode 自带 HTML 支持，再试一次：如果此时能正常补双引号，问题就出在某个插件的
prettier.singleQuote或eslint-config-prettier配置上 -
editor.autoClosingBrackets必须设为"always"（不是"languageDefined"），否则 HTML 模式可能退回到不补全状态
让value="|"中的"真正触发双引号闭合
关键不在“怎么打开功能”，而在“怎么不让其他机制干扰它”。VSCode 的引号补全是上下文感知的，但它只识别最外层引号类型，不主动判断属性值该用单还是双——所以你要给它明确信号。
- 在 HTML 文件中，把光标放在属性值内部（比如
class="|"的引号中间），再输入"，这时原生补全才会生效；如果光标在等号后面（class=|），它会先插入一个引号，但不会自动配对 - 确保当前文件语言模式确实是
html（右下角状态栏显示），不是plaintext或javascriptreact，否则补全规则完全不一样 - 如果仍失败，手动触发一次：输入
"后按Ctrl+Space（Windows/Linux）或Cmd+Space（macOS），看是否有Wrap with double quotes建议项——有说明补全逻辑在线，只是没自动触发
settings.json里必须设的三项配置
靠 GUI 设置容易漏掉联动项，直接改配置最稳。以下三行缺一不可，且顺序无关：
"html.format.wrapAttributes": "auto", "editor.autoClosingBrackets": "always", "html.suggest.html5": true
第一项控制格式化时如何折行，但会影响属性引号的“记忆倾向”；第二项是补全开关；第三项开启 HTML5 特性支持，包括对 data-*、aria-* 等属性的引号补全感知。别碰 html.autoClosingTag，它管的是标签，和引号无关。
立即学习“前端免费学习笔记（深入）”；
为什么改了设置还是不生效？检查这三处硬编码干扰
VSCode 会读取多层配置，用户级设置可能被工作区或文件夹级配置覆盖，更常见的是项目里藏了隐形规则。
- 打开命令面板（
Ctrl+Shift+P），运行Developer: Inspect Editor Tokens and Scopes，把光标停在属性等号后，看 Language ID 是不是html，Scope 是不是包含attribute-value - 检查项目根目录有没有
.prettierrc或.editorconfig，里面若写了singleQuote = true或quote_type = single，VSCode 的 Prettier 扩展会强制覆盖编辑器行为 - 某些主题或快捷键扩展（如 Auto Rename Tag）会劫持引号输入事件，关掉再试；尤其注意那些标着 “HTML Enhancements” 的小众插件，它们常私自重写补全逻辑
引号补全看着简单，其实卡在编辑器、语言服务、格式化工具三层交界上。哪个环节多走一步或少走一步，都会让 " 变成意外结果。
