Search code examples
code-formattingvisual-studio-code

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

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?

Solution

  • 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 submenu View / Command Palette, also 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 Ctrl+Shift+P)

    2. Find "Change Language Mode"

    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