在 html 中添加属性时，Visual Studio Code 中的“=”后自动双引号

Question

每当我向 html 元素添加属性（如“class”或“id”）时，VSCode 在我输入“=”后会自动输入两个双引号： <div class='modal-header' id=""></div>

正如您从“类”中看到的，我更喜欢单引号，因此我必须删除自动添加的双引号。

我可以在哪里调整此功能？

谢谢！

鲁比

Answer 1

似乎 vscode 最近实现了一项功能，如果您输入 .html，则会自动将引号插入到 html 中something=。

在过去的几天里，我一遍又一遍地挣扎，因为我的手指记忆已经习惯了手动输入开头引文。class=""button我总是以类似或 的方式结束id=""stuff""。不酷。

无论如何，我找到了可以控制它的设置。搜索html.autoCreateQuotes并禁用它。然后，您必须手动输入开头引号，它也适用于单引号。

如果您确实喜欢该功能并希望它插入单引号，请更改设置html.completion.attributeDefaultValue。

Answer 2

您找到解决方案了吗？当我输入 <div className= 然后点击选项卡时，它会像这样自动完成......

这是在 .tsx 文件中，我有以下配置......

• html.completion.attributeDefaultValue "双引号"

我使用 prettier 进行格式化，并将单引号设置为 true。

我希望所有的 javascript/typescript 代码都使用单引号，但 html 属性使用双引号。由于某种原因，VS Code 不会在制表符补全中插入双引号。

当我保存（自动格式化）时，html 属性中的单引号被正确替换，但我希望它们在制表符完成时正确插入。