The extension doesn't do the same as npx prettier --write

[jonnylangefeld]

I have 'format on save' enabled and when I hit save on a file prettier actually runs and fixes things like indents in my file. However, if I run npx prettier --write src (or on any specific file) there are lots more edits that I actually also want when I hit save.

Where is my misconfiguration so that hitting save does something different than running npx prettier --write?

I have the following prettier.config.js:

module.exports = {
  plugins: [require("prettier-plugin-tailwindcss")],
  trailingComma: "es5",
  tabWidth: 2,
  printWidth: 120,
  semi: false
}

And these dev dependencies among others:

{
  "devDependencies": {
      "prettier": "^2.8.8",
      "prettier-plugin-tailwindcss": "^0.3.0",
    }
}

And this is from my vscode settings:

{
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
}

If I run npx prettier --write src there are lots of edits to my code. Edits that I want when I hit save as well, but don't get. Hitting save does some edits like fixing indentations, but it doesn't do a lot of other edits that npx prettier --write does.

[jonnylangefeld]

If anyone else finds this: In my case the issue were some conflicting settings in .eslintrc.js. VS code's 'format on save' takes both into consideration, while npx prettier --write only takes pretter.config.js into configuration. I removed the required settings from .eslintrc.js and now it's doing on save what I wanted it to 😊