How to format code in Visual Studio Code on Windows

Question

How can I format code in Visual Studio Code in the last update on Windows.

I tried Ctrl+ K, Ctrl + D doe

Answer 1

Formatting any document in Visual Studio Code requires one to install a formatter plugin, like Prettier - Code formatted by Esben Petersen.

• Install the plugin: Prettier - Code formatter from the Extensions window in Visual Studio Code.

  • You can open the extensions window from the left aligned sidebar or simply by pressing Ctrl + Shift + X

• Post installation, from the required page you can try the below

  • Right click and choose Format Document; or
  • Try Alt+Shift+F on Windows

The document should now be properly formatted.

• PS: You can set "Prettier - Code formatted" as the default formatter for Visual Studio Code by performing the following:
  • Open Settings by pressing Ctrl + , and search for editor.defaultFormatter. Choose esbenp.prettier-vscode from the list and Save. By default, now formatting any document with the above steps will use Prettier as the default formatter.