This content originally appeared on DEV Community and was authored by Sarkis Peha
If this serves no other person than my future self, so be it. I find I'm always forgetting simple set-ups that take a few steps and never re-visit until I'm installing settings on a new machine. To get Prettier to do all its magic upon saving a file, follow this cookbook:
1. Install Prettier extension in VSCode.
2. Cmd + shift + p and search Open User Settings (JSON)
3. Add the following to the settings.json
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
4. Add the file .prettierrc to the root of the project and add options as one sees fit.
{
"tabWidth": 4
}
This content originally appeared on DEV Community and was authored by Sarkis Peha
Sarkis Peha | Sciencx (2025-01-03T03:58:40+00:00) VSCode Prettier format on save. Retrieved from https://www.scien.cx/2025/01/03/vscode-prettier-format-on-save/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.