视觉工作室代码中的自动关闭括号不适用于 Vue 文件

Question

我在输入 .vue 文件时遇到了括号不能自动关闭的问题。 我使用visual-studio-code作为我的编辑器，并且在设置中将自动结束括号设置为“始终”。 HTML 标签会自动关闭，问题仅在 .vue 文件中，而在 .js/.jsx 文件中输入时一切正常，括号和引号自动关闭。 有想法该怎么解决这个吗？

Answer 1

对于安装Github copilot extension ！

知道它确实会覆盖设置！ 这是一个原因！

我从没想过自动关闭括号！ 它总是有效！ 直到这个时候它才停止做！

你可以在这里查看： https : //github.com/microsoft/vscode/issues/127739

即使你正在设置

"editor.autoClosingBrackets": "always",

还是不行！

这可能由扩展定义。 你有机会使用副驾驶吗？

您可以通过此评论知道原因：

Copilot 正在定义这些默认语言设置，这些设置只能使用特定于语言的设置进行覆盖。 他们这样做是为了解决在#125663跟踪的vscode 中的问题。 一旦我们发布了下一个稳定版本（本周某个时候），他们将可以自由地删除该解决方法。 在此之前，如果您还没有进入预览程序，您可以禁用扩展程序，或者您可以定义特定于语言的设置，例如：

"[typescript]": { "editor.autoClosingBrackets": "languageDefined" }

一个人让它不适用于 js 和打字稿！ 并为 PHP 开箱即用！

我也安装了副驾驶！

您只需添加：

"[typescript]": { "editor.autoClosingBrackets": "languageDefined" }
"[javascript]": { "editor.autoClosingBrackets": "languageDefined" }

到您的设置！

现在它又开始工作了！

您还可以禁用副驾驶扩展！ 我不想！

也知道这个副驾驶问题！ 很快就不会再有问题了！ 正如上面评论中提到的！ 你可以考虑更新它和vscode并检查下一次更新！

Answer 2

即使安装了 Vetur 扩展，我也遇到了同样的问题。 重新加载 VS Code 解决了这个问题。

Answer 3

• 如果您在 vs-code 中安装 Vetur 插件，请重新加载应用程序。 它解决了我的问题。

Answer 4

我遇到了同样的问题，我通过以下方式解决了这个问题：

转到 settings.json 并添加：

"editor.autoClosingBrackets": "always",
  "[javascript]": {
    "editor.autoClosingBrackets": "always"
 }

注意：但它仍然不能在全球范围内工作，只能在指定的语言中工作。

（这里是 javascript。您可以指定/添加任何其他语言。）

Answer 5

这通常是由 GitHub Copilot 扩展引起的。 请参阅此处的问题您可以通过覆盖 VS Code settings.json 文件中每个语言文件的设置来修复它。

"[javascript]": {
        "editor.autoClosingBrackets": "languageDefined",
        "editor.defaultFormatter": "esbenp.prettier-vscode"
}