- 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
1398
- 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:

Prettier
prettier.io
Prettier · Opinionated Code Formatter · Prettier
prettier-vscode · Built-in support · Got more?Send a PR · See others · Regularly used by: More than 83% of respondents to State of JS 2021. More than 70% of respondents to State of JS 2020. More than 9.9 million dependent repositories on GitHubCheck Them Out ·
salesforcedx - Prettier not working in VS code - Salesforce Stack Exchange
I am not able to configure "Prettier" into my VS Code. Followed the following steps: Installed Prettier and selected Prettier as the 'Default Formatter' for both User and Workspace. Insta... More on salesforce.stackexchange.com
VScode Prettier Extension not working!
Open OUTPUT tab (next to terminal) and change the dropdown to Prettier If it is config (validation, etc) it will dump error output there. More on reddit.com
No longer eligible as formatter for many types of files
Preflight Checklist I have read the troubleshooting guide I have searched existing issues and this is not a duplicate This is a bug with the VS Code extension, not with how Prettier formats code Is... More on github.com
Prettier does not consistently respect .prettierrc, .eslintrc nor vscode settings
I have a .prettierrc file, a .eslintrc file and even vscode settings with the same 80 print-width settings, but the extension just doesn't respect it. It does try to format the line, but not enough (and not like the prettier.io playground). It has worked in the past, but not today, maybe it ... More on github.com
Videos
04:33
Prettier in VSCode - Install Code Formatter | Not Working Solved ...
00:50
How to fix Prettier Extension not working issue in Visual Studio ...
01:51
Prettier Not Working In Visual Studio Code? Try This - YouTube
00:32
Prettier Not Working In VS Code? Try This | #shorts - YouTube
00:47
How to fix Prettier Extension in VS Code - YouTube
03:01
Configure Prettier in VS Code | Not working issue fix - Code ...
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...
Published Oct 10, 2020
Visual Studio Marketplace
marketplace.visualstudio.com › items
Prettier - Code formatter - Visual Studio Marketplace
January 21, 2026 - Extension for Visual Studio Code - Code formatter using prettier
DeveloperF1
developerf1.com › snippet › prettier-stopped-working-in-vs-code
Fix: Prettier stopped working in VS Code - DeveloperF1.com
September 5, 2023 - Type default formatter into the search field and check if it is set to Prettier · Alternative: You can also check if the default formatter is set correctly by simply forcing VSCode to format your code. To do click into the code editor and from the context menu select the Format Document option.
Stack Exchange
salesforce.stackexchange.com › questions › 379000 › prettier-not-working-in-vs-code
salesforcedx - Prettier not working in VS code - Salesforce Stack Exchange
June 22, 2022 - You can enter commands that npm install --save-dev prettier and run them in your current project,Then edit your .vscode/settings.json file as shown
Reddit
reddit.com › r/visualstudiocode › vscode prettier extension not working!
r/VisualStudioCode on Reddit: VScode Prettier Extension not working!
March 13, 2024 - Wondering if anyone else is having this issue with the Prettier extension. For some reason it keeps coming up with an error. I have tried multiple remedies but nothing seems to be working. HELP!
GitHub
github.com › prettier › prettier-vscode › issues › 3906
No longer eligible as formatter for many types of files · Issue #3906 · prettier/prettier-vscode
January 16, 2026 - You can no longer choose prettier in the bottom right. Installing 11.0.2 regains functionality ... bugSomething isn't workingSomething isn't workingtriage-pendingAwaiting initial triageAwaiting initial triage
Published Jan 16, 2026
GitHub
github.com › prettier › prettier-vscode › issues › 371
Prettier does not consistently respect .prettierrc, .eslintrc nor vscode settings · Issue #371 · prettier/prettier-vscode
February 16, 2018 - I have a .prettierrc file, a .eslintrc file and even vscode settings with the same 80 print-width settings, but the extension just doesn't respect it. It does try to format the line, but not enough (and not like the prettier.io playground). It has worked in the past, but not today, maybe it ...
Published Feb 16, 2018
React
react.dev › learn › editor-setup
Editor Setup – React
Integrate ESLint in VSCode with the official extension · Make sure that you’ve enabled all the eslint-plugin-react-hooks rules for your project. They are essential and catch the most severe bugs early. The recommended eslint-config-react-app preset already includes them. The last thing you want to do when sharing your code with another contributor is get into a discussion about tabs vs spaces! Fortunately, Prettier will clean up your code by reformatting it to conform to preset, configurable rules.
JSON Formatter
jsonformatter.org › jsbeautifier
Best JSBeautifier to beautify / format JavaScript
It's also a Javascript Beautifier, works well to convert ugly JS code to beautiful. This Javascript Beautifier that supports indentation levels: 2 tab spaces, 3 tab spaces, and 4 tab spaces. Download JS, once it's formatted, created or modified and this js file can be opened in Sublime, VSCode, and Notepad++ alternative.
GitHub
github.com › prettier › prettier-vscode › issues › 3235
prettier-vscode does not work with plugins since prettier v3.1.1 · Issue #3235 · prettier/prettier-vscode
December 19, 2023 - Branch 3.1.0 doesn't. Install prettier 3.1.1 in an npm project alongwith a plugin. I am using prettier-plugin-java as an example. Reload VSCode and verify that the prettier-vscode extension is now using the local prettier binary (the one in ...
Published Dec 19, 2023