Click “Install” and wait a few seconds for the formatter to download.However, to be sure, select the one that has “Prettier” listed as a developer. The first result is usually the one you want to click.Search for “Prettier code formatter” in the search field.Launch VS Code and go to the designated extensions tab on the left side of the window.Here’s everything you need to do to turn on the auto-formatting feature for JSON files. Prettier should automatically format your HTML files as you save them. Go back to your file and check if the setting works.

Scroll down a bit until you see the “Editor: Format On Save” option.Click the “Default Formatter” option and select “Prettier” from the list.Enter “Format” in the search box and switch to the “User” tab.Go to “Settings,” located in the bottom-left corner of the screen.Open or create a new HTML file in VS Code.Once you’ve installed the Prettier formatter, you can turn on the auto-format feature and ensure a consistent styling as you write code. Click the “Install” button, and the extension will download within seconds.You will get multiple search results, but select the one that was made by Prettier, not another person or company.In the search bar field, enter “Prettier code formatter.”.

Navigate to the extension tab on the left side of the screen.

Open Visual Studio Code on your computer.

Visual studio code beautify