How to use Prettier in VS Code - Code Formatting - How To Setup Prettier

In this video I will show you how to install and configure Prettier Code Formatter in VS Code. Formatting code consistently can be a challenge, particularly when working on a team. Code formatters like prettier can help solve this issue. Consistent code formatting helps with the readability of a project.

Learn how to setup VS Code to format code whenever a file is saved or code is pasted into VS Code.

Learn how to configure Prettier using a JSON configuration file .prettierrc

Learn the difference between VS Code user settings and VS Code workspace settings.

If you are having trouble getting prettier to work uninstall Prettier Code Formatter extension and follow this video.

Prettier is one of my favorites tools for writing clean and easy to read code since it does all the formatting for you. In this video I will show you how to setup Prettier, how to use it in your IDE, how to configure it with ESLint, and a few other small Prettier tips.

[rakeshgl]

Use Format document option (Shift+Alt+F).