Prettier ensures consistency in your code formatting and makes the process automatic. More time can be devoted to solving challenging technical problems instead of wrestling over solved problems like code indentation. Agreeing upon a set of configurations helps with legibility and understanding of code.

Open Tools in the Visual Studio Menu and click on Options. It is particularly beneficial when working on a project with multiple collaborators. Note: If you have not prepared your own code style scheme, than select on of the existing. Having consistent code is a good practice. After creating one of these and checking it into your project, you can ensure that every team member follows the same formatting rules. Code 2020 9.9K subscribers Subscribe 16K views 1 year ago VS Code Tips Add distinct colors to the editor indent guides based on matching brackets/braces/parens with the Editor Guides. In this article, you’ll set up Prettier to automatically format your code in Visual Studio Code, also known as VS Code.įor demonstration purposes, here’s the sample code you will be formatting: const name = 'James' const person = įor more specifics on the configuration files, check out the Prettier Docs.

Formatting code consistently is a challenge, but modern developer tools make it possible to automatically maintain consistency across your team’s codebase.

Visual studio code auto indent