Prettier Integration with VS Code

Integrating Prettier with VS Code

As with ESLint, Prettier works best when integrated into your editor, allowing you to format your code with a single keystroke. Or, if you prefer, without you even asking.

Open the Extensions sidebar (^ ⇧ X) and search for Prettier. At the top of the list, you should see an extension named “Prettier” by Esben Petersen. Click the green “Install” button.

Prettier is what’s known as a “formatter extension.” When you run the “Format Document” command (⇧ ⌥ F), VS Code ...