Prettier in VS Code

This page is for setting up Prettier code style in vs code.

1. Open vs code

2. Navigate to the extensions store tab.

3. Install the Prettier - Code formatter by Esben Petersen

4. Bring up settings

Press CTRL + ,

5. Search for json in the search bar and press Edit in settings json

6. Add these settings in the setting.json file

"editor.formatOnSave": true,
"[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"typescript.updateImportsOnFileMove.enabled": "always",
"prettier.semi": false

7. Save and reopen vs code

Every time you save, your code should reformat