- Select
File -> Preferences -> Settings(Ctrl+comma) and search formformatter - Set Prettiers as Default formatter.
If above does not work:
ctrl+shift+p > Format Document With... > Configure Default Formatter... > Prettier - Code formatter
This also work with ctrl+shift+I
Top answer 1 of 16
1399
- Select
File -> Preferences -> Settings(Ctrl+comma) and search formformatter - Set Prettiers as Default formatter.
If above does not work:
ctrl+shift+p > Format Document With... > Configure Default Formatter... > Prettier - Code formatter
This also work with ctrl+shift+I
2 of 16
565
If doing what @Simin Maleki mentioned does not solve it for you, there is a chance that your default formatter is not set:
File > Preferences > Settings > Search for "default formatter"
Make sure your Editor: Default Formatter field is not null but rather Prettier - Code formatter (esbenp.prettier-vscode) and that all the languages below are ticked. This fixed my issue.
STEP BY STEP WALKTHROUGH
Also make sure that your format on save is enabled:
GitHub
github.com › prettier › prettier-vscode › issues › 3382
I have done all kinds of things but my prettier does not format on save. · Issue #3382 · prettier/prettier-vscode
April 26, 2024 - Type: Bug I installed prettier, on user I checked format on save and checked the config. Well it does not format on save I have followed all kinds of videos but it doesnot work. I think I did something wrong with the path. I even tried t...
Author Tochiskool
Format on Save (prettier) stopped working with latest update
Format on Save (prettier) stopped working with the latest update Multiple time reinstalled Prettier, and checked the settings, it happened right after the update of VSCode. https://gyazo.com/f07a3b... More on github.com
86
October 10, 2020VS-Code Prettier Format On Save doesn't work - Stack Overflow
For about a month now, my Prettier extension has stopped working as it normally does. Most notably - format on save does not work. Other notes: Format on typing a ; works I get this error type sym... More on stackoverflow.com
reactjs - Prettier not working on save from within Visual Studio Code - Stack Overflow
It appears the formatting via keyboard and formatting from the menu are not on the same page, but I don't know why. Below are my exact detailed steps... From Visual Studio Code 1.75.1 I installed ... More on stackoverflow.com
prettier - problems with code formatting on save in vscode - Stack Overflow
Bring the best of human thought and AI automation together at your work. Explore Stack Internal ... I have vscode installed and also the prettier extension. In settings I select the option format on save. However, when saving the formatting of the code does not happen, I have to activate the ... More on stackoverflow.com
Videos
01:51
Prettier Not Working In Visual Studio Code? Try This - YouTube
03:01
Configure Prettier in VS Code | Not working issue fix - Code ...
04:33
Prettier in VSCode - Install Code Formatter | Not Working Solved ...
02:47
How to enable auto format on save with prettier in VS Code editor ...
02:11
How to use Prettier in VS Code - Code Formatting - YouTube
Reddit
reddit.com › r/vscode › prettier - code formatter not working on save (help)
r/vscode on Reddit: Prettier - Code Formatter not working on save (Help)
January 15, 2021 -
I got back to VScode after few months, and now Prettier is not working for me. I have tried saving the setting manually as well, but it is not working.
Prettier ver - 5.8.0
VScode ver - 1.52.1
Please help.!
Thankyou.
GitHub
github.com › microsoft › vscode › issues › 108447
Format on Save (prettier) stopped working with latest update · Issue #108447 · microsoft/vscode
October 10, 2020 - Format on Save (prettier) stopped working with the latest update Multiple time reinstalled Prettier, and checked the settings, it happened right after the update of VSCode. https://gyazo.com/f07a3b...
Author ivanjeremic
Scott Sauber
scottsauber.com › 2017 › 06 › 10 › prettier-format-on-save-never-worry-about-formatting-javascript-again
Prettier + Format On Save = Never worry about formatting JavaScript again – Scott Sauber
June 12, 2021 - The Prettier -JavaScript Formatter plugin for VS Code simply shells out to Prettier. It also respects the Format on Save option I mentioned in my last blog post. Note: Make sure you have prettier installed in the project you’re working in or globally via npm install prettier -g
Top answer 1 of 16
422
Follow these steps:
- CTRL + SHIFT + P
- Format Document (in pop-up bar)
- Select
Format Document - Select
Configure Default Formatter... - Select
Prettier - Code formatter
Done!
2 of 16
89
In VSCode settings, search for "Editor: Default Formatter", set it to esbenp.prettier-vscode and restart VSCode.
Bobby Hadz
bobbyhadz.com › blog › fix-prettier-not-working-in-vs-code
How to fix Prettier Extension not working in VS Code | bobbyhadz
You might also have the setting in your package.json file which also takes precedence over your global config. Another thing you can try is to reinstall the Prettier extension: Click on Extensions in the left sidebar.
DEV Community
dev.to › dmytrych › fixing-prettier-not-working-with-vscode-44ml
Fixing Prettier not working with VSCode - DEV Community
June 9, 2023 - Try disabling other VSCode extensions. Conflicting extensions can interfere with Prettier.
Top answer 1 of 2
9
In VSCode, hit CTRL + SHIFT + P, write Preferences: Open User Settings (JSON) and hit enter, it will open up your settings.json:
Make sure prettier is your default formatter:
"editor.defaultFormatter": "esbenp.prettier-vscode"
you can set it for specific languages e.g: for typescript:
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
2 of 2
0
TLDR; Settings > Prettier Require Config: false / unchecked
I tried these and it still wasn't working. I noticed that at the bottom of my VS Code my Prettier wasn't showing a checkmark next to it. Clicked on "Prettier" at the bottom of the screen and it said it was skipping the file because there was not a require config set to true.
Solution was in this thread here: Prettier extension is not working in vs code Require config set to true
SheCodes
shecodes.io › athena › 8760-troubleshooting-prettier-formatter-not-working-after-restarting-vs-code
[VS Code] - Troubleshooting Prettier Formatter Not Working After Restarting VS Code
Learn how to resolve the issue of Prettier formatter not working even after restarting Visual Studio Code with these troubleshooting tips.
Top answer 1 of 7
24
Update, i just find the solution if anyone is having the same problem i have to add the following lines to user setting json
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
2 of 7
14
Press Ctrl+shift+p and type Preferences: Open User Settings (JSON). In that json file add the following line and save. This should enable so vscode formats the code each time you save.
{
"editor.formatOnSave": true
}
Gleb Bahmutov
glebbahmutov.com › blog › configure-prettier-in-vscode
How to configure Prettier and VSCode | Better world by better software
April 23, 2024 - For example, the screenshot below shows that Prettier did not run because the project does not have Prettier configuration file like .prettierrc. If everything else fails, quit VSCode and start it again. Here is a little animation that shows a file being saved with Prettier setting "trailingComma: true", yet the comma gets deleted somehow. Check if there are OTHER code formatting extensions installed and disable them for this workspace.
GitHub
github.com › prettier › prettier-vscode › issues › 290
formatOnSave is not working · Issue #290 · prettier/prettier-vscode
December 10, 2017 - After upgrade version to v1.0.0, the vscode setting formatOnSave is not working on my machine. But when I changeprettier.eslintIntegration to true, the auto-format is working. Are there some changes not listed on the Changelog between th...
Author kpman
DeveloperF1
developerf1.com › snippet › prettier-stopped-working-in-vs-code
Fix: Prettier stopped working in VS Code - DeveloperF1.com
September 5, 2023 - If no default formatter is defined ... or using the menu item File -> Preferences -> Settings · Type format on save into the search field and check if it is selected....
Reddit
reddit.com › r/vscode › does prettier work with autosave?
r/vscode on Reddit: Does Prettier work with autosave?
June 4, 2024 -
I have installed Prettier and changed the defaults to use Prettier as per the documentation. I have turned on auto-save in VS Code therefore Prettier should work every time I make a change but it doesn't. It only works when I manually save by pressing Ctrl + S. Is this the intended behavior or am I missing something?
Top answer 1 of 4
3
Well there’s some things you need to consider: first have the config in your config file to use prettier and to format on save. Then you also need to install it as a devdependency and have a config file for it to work. Also you can add a global default prettier config but I would say that’s a bad habit cause you’ll probably forget to add the proper settings in your project
2 of 4
2
Try this: https://stackoverflow.com/questions/71181603/vs-code-auto-save-afterdelay-w-prettier-not-working
DigitalOcean
digitalocean.com › community › tutorials › how-to-format-code-with-prettier-in-visual-studio-code
Format Code with Prettier in Visual Studio Code: Setup Guide | DigitalOcean
August 1, 2025 - You can apply this setting globally or in a workspace-specific .vscode/settings.json file. Prettier supports a wide range of file types out of the box, including: ... Prettier can be configured to automatically format any of these file types on save, provided the file extension is recognized and the formatter is correctly assigned in your VS Code settings. There are several possible reasons why Prettier is not ...
tutorialpedia
tutorialpedia.org › blog › vs-code-prettier-format-on-save-doesn-t-work
VS Code Prettier Format On Save Not Working After Upgrading to v3: Troubleshooting Guide — tutorialpedia.org
Extension compatibility: Older versions of the esbenp.prettier-vscode extension (VS Code’s Prettier plugin) may not work with Prettier v3. These changes can silently break "Format On Save" if your setup isn’t aligned with v3’s requirements.
Microsoft Learn
learn.microsoft.com › en-us › answers › questions › 5779539 › prettier-extension-not-working-in-visual-studio-co
prettier extension not working in Visual Studio Code - Microsoft Q&A
1 month ago - Ensure Prettier - Code formatter is installed and enabled. ... Enable Format on Save in settings.
Robin Wieruch
robinwieruch.de › how-to-use-prettier-vscode
How to use Prettier in VS Code - Robin Wieruch
February 14, 2022 - "editor.formatOnSave": true "prettier.singleQuote": true, "prettier.printWidth": 70, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, After setting up this configuration, Prettier makes sure that only single quotes are used and that the line length is set to the given number of characters. However, be aware that this applies to every project now. If you happen to work on a project with a team where the project does not use Prettier, you will format every file once you save it.
GitHub
github.com › prettier › prettier-vscode › issues › 3948
Plugin not running or formating on save in v12 (Cursor) · Issue #3948 · prettier/prettier-vscode
January 22, 2026 - I revert to v11.0.0 and it immediately ... https://github.com/asb1512/prettier-vscode-plugin-demo · Make sure you have the latest version of the Prettier VSCode plugin installed in Cursor IDE....
Author asb1512