VSCode HTML属性Tab补全未自动添加等号与单引号的解决方法求助

VSCode HTML属性Tab补全无等号与引号问题解决 #

问题现象 #

在VSCode中编辑HTML时，输入属性名后按Tab键补全，只会得到属性名（例如补全class后得到<div class>），无法自动添加等号和单引号，期望的补全结果是<div class=''>。所有HTML属性（如role、aria-label）都存在这个问题。

解决方案 #

可以通过修改VSCode的内置配置解决：

1. 打开设置界面（快捷键Ctrl+,），搜索并调整以下配置：
   • 将HTML > Completion: Attribute Default Value设置为singlequotes
   • 确认Editor > Suggest: Insert Mode设置为replace（默认值，若被修改过需改回）
2. 也可以直接打开settings.json（快捷键Ctrl+Shift+P输入Open Settings (JSON)），添加或修改以下配置项：

   "html.completion.attributeDefaultValue": "singlequotes",
   "editor.suggest.insertMode": "replace"
   

3. 如果配置修改后仍无效，建议暂时禁用所有第三方补全类扩展，排查是否存在插件冲突。

关于问题被误关闭的说明 #

本问题此前被误判为重复问题，关联的两个问题均是询问如何将属性引号从双引号改为单引号，而本问题核心是排查Tab补全无等号的失效原因。目前已找到解决方案，请求重新开放本问题。

内容的提问来源于stack exchange，提问作者bprdev