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

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 Ctrl+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‘

Related Posts:

  1. What are the differences between Visual Studio Code and Visual Studio?
  2. What are the differences between Visual Studio Code and Visual Studio?
  3. Iterate through a C++ Vector using a ‘for’ loop
  4. Iterate through a C++ Vector using a ‘for’ loop
  5. Python `if x is not None` or `if not x is None`?
  6. What are the differences between Visual Studio Code and Visual Studio?
  7. Iterate through a C++ Vector using a ‘for’ loop
  8. Ruby: Can I write multi-line string with no concatenation?
  9. Collapse all methods in Visual Studio Code
  10. Duplicate line in Visual Studio Code
  11. How do I format XML in Notepad++?
  12. VSCode cannot find module ‘@angular/core’ or any other modules
  13. Single quotes vs. double quotes in Python
  14. Pylint “unresolved import” error in Visual Studio Code
  15. “code .” Not working in Command Line for Visual Studio Code on OSX/Mac
  16. Using true and false in C
  17. Error message “Linter pylint is not installed”
  18. Add intellisense to Atom
  19. How to auto-format code in Eclipse?
  20. How to comment multiple lines in Visual Studio Code?
  21. Is there a command for formatting HTML in the Atom editor?
  22. How do you display code snippets in MS Word preserving format and syntax highlighting?
  23. VSCode Emmet html boilerplate?
  24. Which font is used in Visual Studio Code Editor and how to change fonts?
  25. Your repository has no remotes configured to push to
  26. Why is .gitignore not ignoring my files?
  27. Autoindent on Sublime Text
  28. Tasks are only available on a workspace folder?
  29. How to view an HTML file in the browser with Visual Studio Code
  30. How to format code in Xcode? 

Leave a Comment