
CODE FORMATTER CODE
The Prettier extension in the VS Code editor makes the auto-formatting effortless. Verify that the auto-format feature works.Click the checkbox next to this option.Scroll down and stop when you see the “Editor: Format On Save” option.from the drop-down list, select “Prettier.” Click the “Default Formatter” section.Click “Settings” in the bottom-left corner.Create a new JSON file or open one that hasn’t been formatted yet.

When the Prettier formatter is installed, ensure the auto-format feature is on by following these steps. 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.

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.
