How do I set up VSCode to put curly braces on a new line?

Question

Let's say I type in the following code and format it.

if (condition) { /* Hello! */ } 

If this is C# code, it is formatted like this:

if (condition) {     // Hello! } 

If it is JavaScript, VSCode formats it like this:

if (condition) {     // Hello! } 

So how can I use the first formatting style (curly braces on new lines) for all languages? I can't find a setting or something similar. Suggestions?

Answer 1

Follow the steps below to make Visual Studio Code format opening curly braces on a new line for Java Script and Type Script.

In Visual Studio Code (v1.20.0)

1. Go to File\Preferences\Settings

2. Add the following lines in 'User Settings' (in the right side pane)

   "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true,  "javascript.format.placeOpenBraceOnNewLineForFunctions": true,  "typescript.format.placeOpenBraceOnNewLineForControlBlocks": true, "typescript.format.placeOpenBraceOnNewLineForFunctions": true, 

3. Save 'User Settings' and you are done!

Answer 2

Go to File\Preferences\Settings and search for 'brace'.

Enable the settings illustrated below.

This allows me to auto-format code with curly braces on the following line for function definitions and control blocks.

Tested with Visual Studio Code 1.30.2