VS Code中HTML自动补全如何默认使用单引号包裹属性值

• VS Code默认状态下，输入img后按下tab键，会自动补全生成<img src="" alt="">代码片段
• 目标效果：补全时使用单引号包裹属性值，生成<img src='' alt=''>形式的代码
• 已尝试修改html.completion.attributeDefaultValue配置项，将默认值doublequotes改为singlequotes，未实现目标效果
• 测试确认：该配置仅在输入<img src后按tab键时生效，此时会补全为<img src=''>
• 核心诉求：找到对应可修改的配置项，实现输入img触发自动补全时，直接生成带单引号的完整img标签代码

输入img按tab触发的是Emmet缩写展开逻辑，并非VS Code内置的HTML单属性补全流程。html.completion.attributeDefaultValue配置的作用范围仅限单独输入属性名触发的补全场景，无法控制Emmet生成完整标签时的引号格式，与测试表现完全一致。

• 打开VS Code设置，搜索配置项emmet.syntaxProfiles，点击「在settings.json中编辑」
• 在settings.json的配置对象中添加如下规则：

"emmet.syntaxProfiles": {
  "html": {
    "attrQuotes": "single"
  }
}

• 保存配置文件后无需重启，重新输入img按下tab键，即可直接生成单引号格式的完整img标签：<img src='' alt=''>

异常排查：如果配置后未生效，检查是否安装了第三方HTML代码片段类插件，这类插件的自定义补全规则可能覆盖默认Emmet展开逻辑，需要同步修改插件内的片段配置，或禁用插件对img标签的自定义补全项。

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