How to format code on save in Visual Studio Code

This is a quick tip on how to format (prettify) the code every time you save a file in Visual Studio Code. The first step is to go to Settings, this can be achieve by clicking on Code -> Preferences -> Settings Then you’ll view your settings file, it should look like the following: The settings are in a JSON format so, in your right panel you can add the following line to enable automatic Format on Save:

"editor.formatOnSave": true

And your settings should look something like this And that’s it, now your HTM, JavaScript and every other language that you had a formatter for, will re-indent nicely on every save.

Bonus

You can search for any setting and see its default settings on the left-hand side. If you want to change it, just copy it in the object on the right-hand side, change the value, save, and you’re done.