首页 > 解决方案 > 如何使用单引号使 vscode 自动完成 HTML 标签的属性?

问题描述

由于我更喜欢​​ 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=并点击EnterVScode 时,将使用双引号完成:

<meta charset=""

如何获得如下结果:

<meta charset=''

标签: htmlvisual-studio-code

解决方案


刚刚合并到 Insiders v1.62 中的新设置:

html.completion.attributeDefaultValue

选项:empty | singleQuotes | doubleQuotes

doubleQuotes是默认值。

请参阅https://github.com/microsoft/vscode/pull/129284https://github.com/microsoft/vscode/commit/8d70e049dd1f15ce1f4a114c801b71aa9183c00b

属性引号设置 - 单引号、双引号或无


推荐阅读