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

【问题标题】：VS Code - Code Formatting space before curly bracesVS Code - 花括号前的代码格式化空间
【发布时间】：2016-10-11 04:26:26
【问题描述】：

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

发件人：

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

收件人：

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

发件人：

))}

收件人：

)) }

我找不到选项这是什么设置...请任何人帮助我吗？

【问题讨论】：

标签： reactjs visual-studio-code

【解决方案1】：

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

module.exports = {
  bracketSpacing: true
};

【讨论】：

【解决方案2】：

2020年的属性是这样称呼的：

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

【讨论】：

...自 2020 年 10 月起，formatting options for empty curly braces as well

【解决方案3】：

在settings.json

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false

【讨论】：

【解决方案4】：

在首选项中，您应该将这些设置为true

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

【讨论】：

【解决方案5】：

似乎尽管有这些配置设置，但 VSCode 中还不是supported。 :(

【讨论】：

【解决方案6】：

试着把它放到你的用户设置中：

"typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,

也许这也是

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,

【讨论】：

此设置在 .js 文件中的 JSX 中不起作用