1. Select File -> Preferences -> Settings (Ctrl + comma) and search form formatter
  2. 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

Answer from Miha on Stack Overflow
🌐
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 ·
Discussions

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
🌐 salesforce.stackexchange.com
June 22, 2022
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
🌐 r/VisualStudioCode
7
0
March 13, 2024
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
🌐 github.com
27
January 16, 2026
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
🌐 github.com
23
February 16, 2018
🌐
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
Find elsewhere
🌐
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.
🌐
Oxidation Compiler
oxc.rs › docs › guide › usage › linter.html
Oxlint
Oxlint is built for workflows where failures are not acceptable.
🌐
JetBrains
jetbrains.com › webstorm
WebStorm: The JavaScript and TypeScript IDE, by JetBrains
June 1, 2021 - Make development more productive and enjoyable with WebStorm, the IDE for JavaScript and related technologies.
🌐
freeCodeCamp
forum.freecodecamp.org › t › why-prettier-extention-is-not-working-on-vscode › 629475
Why Prettier extention is not working on VScode? - The freeCodeCamp Forum
August 13, 2023 - Please help me! I’ve downloaded the Prettier extension in Vscode for auto indentation and Auto formation by watching this video. But it is not working when i press save or (ctrl+S). what should i do?
🌐
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