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

code-formatting visual-studio-code
Brandon Clapp picture Brandon Clapp · Apr 30, 2015 · Viewed 2.6M times · Source

What is the equivalent of Ctrl + K + F and Ctrl + K + D on Windows in Visual Studio for formatting, or "beautifying" code in the Visual Studio Code editor?

Answer

Brandon Clapp picture Brandon Clapp · Apr 30, 2015

The code formatting is available in Visual Studio Code through the following shortcuts:

  • On Windows Shift + Alt + F
  • On Mac Shift + Option + F
  • On Linux Ctrl + Shift + I

Alternatively, you can find the shortcut, as well as other shortcuts, through the 'Command Palette' provided in the editor with Ctrl +Shift+ P (or Command + Shift + P on Mac), and then searching for format document.

For unsaved snippets

  1. Open command palette (Win: F1 or Ctrt+Shift+P)

  2. Find 'Change Language Model'

  3. Select language e.g. json. By now syntax should be highlighted.

  4. Format document (e.g. Open Command Palette -> 'Format Document')

Unformat

  1. Select text
  2. Command Palette -> Join Lines

'Show the pics'

enter image description here enter image description here

Related questions

How do you format code on save in VS Code

I would like to automatically format TypeScript code using the build-in formatter when I save a file in Visual Studio Code. I'm aware of the following options, but none of them is good enough: Format manually Shift + Alt + F Format …

Read More
How to format code in Visual Studio Code on Windows

How can I format code in Visual Studio Code in the last update on Windows. I tried Ctrl+ K, Ctrl + D doesn't work... I also tried Shift + Alt + F. It didn't work either. I tried the following solution, but that …

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

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 …

Read More