VS Code - Code Formatting space before curly braces

Question

When I use autoformat function in VS Code editor it insert spaces before curly brackets like this:

From:

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

To:

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

From:

))}

To:

)) }

I can't find option what settings this... Can anyone help me, please?

score 17 · Answer 1 · answered Mar 27 '20 at 11:11

17

In 2020, the properties are called this way:

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

answered Mar 27 '20 at 11:11

human

686
3
9
24

...and since October 2020 there are [formatting options for empty curly braces as well](https://code.visualstudio.com/updates/v1_51#_empty-brace-formatting-option-for-javascript-and-typescript) – Frank N Nov 25 '20 at 16:18

score 13 · Answer 2 · answered Jul 19 '16 at 10:16

13

Try putting this to your user settings:

"typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,

and maybe this too

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,

answered Jul 19 '16 at 10:16

user2933157

333
2
12

This setting doesn't work in JSX in .js files – kelvin Jun 08 '21 at 08:45

score 9 · Answer 3 · answered May 04 '17 at 09:47

9

In preferences, you should set these to true

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

answered May 04 '17 at 09:47

Vahid PG

428
6
11

score 4 · Answer 4 · edited May 23 '17 at 12:26

4

It seems that despite those config settings, it is not yet supported in VSCode. :(

edited May 23 '17 at 12:26

Community

1
1

answered Aug 05 '16 at 12:30

Kutyel

8,575
3
30
61

score 2 · Answer 5 · answered Sep 04 '21 at 07:09

2

If you have a .prettierrc file, you can set bracket spacing property to true

module.exports = {
  bracketSpacing: true
};

answered Sep 04 '21 at 07:09

Adewale Olaoye

109
9

score 1 · Answer 6 · answered May 13 '19 at 10:44

1

in settings.json

"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false

answered May 13 '19 at 10:44

Jon Portella

1,068
9
8

VS Code - Code Formatting space before curly braces

6 Answers6

Linked