如何使用单引号使 vscode 自动完成 HTML 标签的属性？答案

【问题标题】：How to make vscode autocomplete HTML tag's attribute with single quote?如何使用单引号使 vscode 自动完成 HTML 标签的属性？
【发布时间】：2019-04-29 05:22:01
【问题描述】：

由于我更喜欢 HTML 中的单引号，我如何配置我的 VScode 编辑器以使用单引号自动完成 HTML 标签的属性值字符串？

我已经尝试安装Prettier 并设置"prettier.singleQuote": true

或设置

"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single"

或为Emmet设置配置：

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

但这些选项不会影响 HTML 自动完成。

所以当我输入类似：<meta charset= 并点击Enter 时，VScode 将使用双引号完成：

<meta charset=""

如何得到如下结果：

<meta charset=''

【问题讨论】：

似乎有人要求将其作为 GitHub 上 VSCode 的补充。不确定它是否已经实施，但似乎没有。这是链接：github.com/Microsoft/vscode/issues/43225
@ChristopherBennett 我认为该问题属于 TypeScript 存储库。 MS 团队在添加 "javascript.preferences.quoteStyle": "single" 和 "typescript.preferences.quoteStyle": "single" 配置后关闭了该问题。所以我想知道我是否缺少一些相应的 HTML 配置？
我的错，我完全错过了 TypeScript 类别。我想一次做太多事情。我会寻找一个 HTML 解决方案，但我得说，到目前为止我是空的。
同样的问题！如果我写 html:5 它（emmet？）自动补全单引号就好了，但如果我写 <div class=... 它扩展为双引号。
有人得到答案了吗？现在是 2021 年，我在互联网上没有找到针对 html 文件中 vscode 中的报价类型设置的解决方案。我有时需要在 vscode 和 intellij 之间切换。 Intellij 可以将 html 文件保留为单引号，但 vscode 不能。很烦人。

标签： html visual-studio-code

【解决方案1】：

有一个新设置刚刚合并到 Insiders v1.62：

html.completion.attributeDefaultValue

带有选项：empty | singleQuotes | doubleQuotes

doubleQuotes 是默认值。

见https://github.com/microsoft/vscode/pull/129284和https://github.com/microsoft/vscode/commit/8d70e049dd1f15ce1f4a114c801b71aa9183c00b

【讨论】：