VS Code - 代码格式化花括号前的空格

Question

当我在VS Code编辑器中使用自动格式化功能时，它会在大括号前插入空格，如下所示：

从：

<Button onClick={this.callMyFunc.bind(this, screenSet.index)}>Add</Button>

To:

<Button onClick={this.callMyFunc.bind(this, screenSet.index) }>Add</Button>

发件人：

))}

To:

)) }

我找不到哪个选项可以进行设置... 有人可以帮帮我吗？

- David Slavík

Answer 1

2020年，这些属性被称为：

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false
"typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false

- human

---

自2020年10月起，空花括号的格式选项也可用。 - Frank N

嘿，你知道如何启用tsx文件的此功能吗？ - s.khan

Answer 2

尝试将以下内容添加到您的用户设置中：

"typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,

也许这个也是

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,

- user2933157

---

这个设置在 .js 文件中的 JSX 中不起作用。 - kelvin

Answer 3

在首选项中，您应将它们设置为true。

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": true,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": true

- Vahid PG

Answer 4

看起来尽管有这些配置设置，但VSCode仍然不支持它。 :(

（参考链接）

- Kutyel

Answer 5

如果你有一个 .prettierrc 文件，你可以将括号间距属性设置为 true。

module.exports = {
  bracketSpacing: true
};

- Adewale Olaoye

Answer 6

在 settings.json 中

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false

- Jon Portella