How do you format code in Visual Studio Code (VSCode)

Answer 1

Shift + Alt + F does the job just fine in 1.17.2 and above.

Answer 2

Just right-click on the text and select "Format code".

Visual Studio Code uses js-beautify internally, but it lacks the ability to modify the style you wish to use. The extension "beautify" lets you add settings.

Answer 3

Not this one. Use this:

Menu File → Preferences → Workspace Settings, "editor.formatOnType": true

Answer 4

For Fedora

1. Click File -> Preferences -> Keyboard shortcuts.
2. Under Default Keyboard Shortcuts, search (Ctrl + F) for editor.action.format.

Mine read "key": "ctrl+shift+i"

You can change it as well. Refer to this answer on how to... or if you are feeling a little lazy to scroll up:

---

You can add a keybinding in "Preferences->Keyboard shortcuts"

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

Or Visual Studio like:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }

---

Please note: cmd key is only for Macs. For Windows and Fedora (Windows keyboard) use Ctrl

---

EDIT:

As per Visual Code version 1.28.2 this is what I found.

editor.action.format no longer exists. It has now been replaced by editor.action.formatDocument and editor.action.formatSelection.

Type editor.action.format in the search box to view existing shortcuts.

To change the key combinations follow these steps:

1. Click editor.action.formatDocument or editor.action.formatSelection
2. A pen like icon appears to the left - click it.
3. A pop-up appears. Press the desired key combination and press enter.

Answer 5

Visual Studio Code on Linux:

Ctrl + [ to unindent block of code and

Ctrl + ] to make a mass indentation

Answer 6

Use extension...

Enables auto formatting of the code when you save a file.

Launch Visual Studio Code and Quick Open (Ctrl + P), paste the following command, and press Enter.

ext install format-on-save

https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save