🌐
GitHub
github.com › prettier › eslint-plugin-prettier
GitHub - prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting · GitHub
ESLint plugin for Prettier formatting. Contribute to prettier/eslint-plugin-prettier development by creating an account on GitHub.
Author   prettier
🌐
GitHub
github.com › prettier › eslint-config-prettier
GitHub - prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier. · GitHub
If you’d like to add support for eslint-plugin-foobar, this is how you’d go about it: ... /* eslint-disable quotes */ "use strict"; // Prettier does not want spaces before the parentheses, but // `plugin:foobar/recommended` wants one.
Author   prettier
🌐
GitHub
github.com › prettier › eslint-plugin-prettier › releases
Releases · prettier/eslint-plugin-prettier
ESLint plugin for Prettier formatting. Contribute to prettier/eslint-plugin-prettier development by creating an account on GitHub.
Author   prettier
🌐
GitHub
github.com › prettier › prettier-eslint
GitHub - prettier/prettier-eslint: Code `prettier` `eslint --fix` Formatted Code :sparkles: · GitHub
While prettier-eslint uses eslint --fix to change the output of prettier, eslint-plugin-prettier keeps the prettier output as-is and integrates it with the regular ESLint workflow.
Author   prettier
🌐
Prettier
prettier.io › docs › integrating-with-linters
Integrating with Linters · Prettier
Finally, we have tools that run prettier and then immediately lint files by running, for example, eslint --fix on them.
🌐
GitHub
github.com › prettier
Prettier · GitHub
prettier/angular-estree-parser’s past year of commit activity · TypeScript 17 MIT 12 2 5 Updated · Mar 6, 2026 · eslint-plugin-prettier Public · ESLint plugin for Prettier formatting · prettier/eslint-plugin-prettier’s past year of commit activity ·
🌐
GitHub
github.com › prettier-eslint
Prettier ESLint · GitHub
Prettier ESLint OpenCollective Funding, `prettier` ❤️ `eslint` - Prettier ESLint
🌐
GitHub
github.com › idahogurl › vs-code-prettier-eslint
GitHub - idahogurl/vs-code-prettier-eslint: A Visual Studio Code Extension to format JavaScript and TypeScript code using the prettier-eslint package.
A Visual Studio Code Extension to format JavaScript and TypeScript code using the prettier-eslint package. - idahogurl/vs-code-prettier-eslint
Starred by 214 users
Forked by 53 users
Languages   JavaScript 98.0% | Shell 2.0%
🌐
GitHub
github.com › vuejs › eslint-config-prettier
GitHub - vuejs/eslint-config-prettier: `eslint-config-prettier` for `create-vue` setups
It disables all rules that are unnecessary or might conflict with Prettier. It also enables the eslint-plugin-prettier plugin, which runs Prettier as an ESLint rule and reports differences as individual ESLint issues.
Starred by 82 users
Forked by 7 users
Languages   JavaScript
Find elsewhere
🌐
Prettier
prettier.io › docs › install
Install · Prettier
Editor plugins will pick up your local version of Prettier, making sure you use the correct version in every project. (You wouldn’t want your editor accidentally causing lots of changes because it’s using a newer version of Prettier than your project!) And being able to run Prettier from the command line is still a good fallback, and needed for CI setups. If you use ESLint...
🌐
GitHub
github.com › topics › prettier-eslint
prettier-eslint · GitHub Topics · GitHub
An atom package for the prettier formatter. atom formatter eslint prettier atom-package atom-editor prettier-js prettier-eslint
🌐
npm
npmjs.com › package › eslint-plugin-prettier
eslint-plugin-prettier - npm
Our recommended configuration automatically enables eslint-config-prettier to disable all formatting-related ESLint rules. For legacy configuration, this plugin ships with a plugin:prettier/recommended config that sets up both eslint-plugin-prettier and eslint-config-prettier in one go.
      » npm install eslint-plugin-prettier
    
Published   Jan 14, 2026
Version   5.5.5
Author   Teddy Katz
🌐
GitHub
github.com › typescript-eslint › typescript-eslint › issues › 7403
Docs: is eslint-plugin-prettier considered a bad practice? · Issue #7403 · typescript-eslint/typescript-eslint
August 3, 2023 - I'm using a pair of eslint-plugin-prettier and eslint-config-prettier for years and never experienced problems. I actually think it's even better because it's more efficient: instead of processing files twice by two different processes, lint & prettify in a single run.
Published   Aug 03, 2023
Top answer
1 of 2
456

UPDATE 2023: ESLint is deprecating formatting rules and recommend you use a source code formatter instead.

tl;dr: Use eslint-config-prettier in eslint, and run prettier separately. You can ignore the rest.

From v8.53.0 onwards, you will see a deprecation warning if those formatting rules are enabled in your config. You should still use eslint-config-prettier to disable conflicting rules until the rules are removed in a new major release.

ESLint contains many rules and those that are formatting-related might conflict with Prettier, such as arrow-parens, space-before-function-paren, etc. Hence using them together will cause some issues. The following tools have been created to use ESLint and Prettier together.

prettier-eslint eslint-plugin-prettier eslint-config-prettier
What it is A JavaScript module exporting a single function. An ESLint plugin. An ESLint configuration.
What it does Runs the code (string) through prettier then eslint --fix. The output is also a string. Plugins usually contain implementations for additional rules that ESLint will check for. This plugin uses Prettier under the hood and will raise ESLint errors when your code differs from Prettier's expected output. This config turns off formatting-related rules that might conflict with Prettier, allowing you to use Prettier with other ESLint configs like eslint-config-airbnb.
How to use it Either calling the function in your code or via prettier-eslint-cli if you prefer the command line. Add it to your .eslintrc. Add it to your .eslintrc.
Is the final output Prettier compliant? Depends on your ESLint config Yes Yes
Do you need to run prettier command separately? No No Yes
Do you need to use anything else? No You may want to turn off conflicting rules using eslint-config-prettier. No

For more information, refer to the official Prettier docs.

It's the recommended practice to let Prettier handle formatting and ESLint for non-formatting issues, prettier-eslint is not in the same direction as that practice, hence prettier-eslint is not recommended anymore. You can use eslint-plugin-prettier and eslint-config-prettier together.

2 of 2
3
  • Use eslint-config-prettier to turn-off eslint rules that are unnecessary or might conflict with Prettier. See 1st line in readme: eslint-config-prettier.
  • Use eslint-plugin-prettier to run Prettier as an Eslint-rule. See 1st line in readme: eslint-plugin-prettier
  • Use both to take advantage of both tools. See recommended configuration: eslint-plugin-prettier. This way you use plugin to run Prettier as an Eslint-rule, and config to turn-off eslint rules that are unnecessary or might conflict with Prettier.
  • You can ignore prettier-eslint
🌐
GitHub
github.com › prettier › eslint-plugin-prettier › issues › 658
issue with typed configs from typescript-eslint & eslint9 --fix · Issue #658 · prettier/eslint-plugin-prettier
February 28, 2024 - The plugin should work with the typed configs from typescript-eslint - eg. recommendedTypeChecked. When using the recommended one, the issue does not occur. What actually happened? When running eslint . --fix initially, there seems to be some issue with the eslint typescript parser, which produces the output shown in the screenshot below. Eslint & prettier fixing still applies, but the output by eslint is very confusing.
Published   May 15, 2024
🌐
npm
npmjs.com › search
eslint-plugin-prettier - npm search
GitHub Actions• 9.0.4 • 15 days ago • 97 dependents • MITpublished version 9.0.4, 15 days ago97 dependents licensed under $MIT ... soda• 10.2.0 • a year ago • 287 dependents • MITpublished version 10.2.0, a year ago287 dependents licensed under $MIT ... ESLint plugin for WordPress development.
🌐
GitHub
github.com › prettier › eslint-plugin-prettier › issues › 396
Failed to load plugin 'prettier' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-prettier' · Issue #396 · prettier/eslint-plugin-prettier
March 3, 2021 - The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc). 2. If ESLint is installed globally, then make sure 'eslint-plugin-prettier' is installed globally as well. 3. If ESLint is installed locally, then 'eslint-plugin-prettier' isn't installed correctly.
Published   Mar 03, 2021
🌐
Reddit
reddit.com › r/neovim › help with setup prettier + eslint
r/neovim on Reddit: Help with setup prettier + eslint
March 1, 2024 -

I am working on a project that uses eslint + prettier (and plugins to running both coupled)

"devDependencies": {
    "@typescript-eslint/eslint-plugin": "^6.0.0",
    "@typescript-eslint/parser": "^6.0.0",
    "eslint": "^8.42.0",
    "eslint-config-prettier": "^9.0.0",
    "eslint-plugin-prettier": "^5.0.0",
    "pre-commit": "^1.2.2",
    "prettier": "^3.2.5",
    "pretty-quick": "^4.0.0",
     "typescript": "^5.1.3"
}

And respectively .prettierrc & .eslintrc.js cfg files (in project root), the prettier one with common formatting rules, and the eslint with the prettier integration plugins

module.exports = {
//...
  plugins: ['@typescript-eslint/eslint-plugin'],
    extends: [
    'plugin:@typescript-eslint/recommended',
    'plugin:prettier/recommended',
  ],
//...
};

My problem is: neither prettier or eslint both installed through Mason they do not recognize .prettierrc/eslintrc.js config files in cwd. Why the hell is javascript ecosystem the most confusing thing in the world?

I've rtfm (lazyvim) about formatters and linters, but I'm really lost. I also read in some topics that the installation of both coupled is not recommended and requires additional configuration (but I'm just workin in, is not my decision). Please, could you recommend content to understand how to configure it?

🌐
Expo Documentation
docs.expo.dev › integrations › tools › using eslint and prettier
Using ESLint and Prettier - Expo Documentation
2 weeks ago - To integrate Prettier with ESlint, update your .eslintrc.js: ... module.exports = { extends: ['expo', 'prettier'], ignorePatterns: ['/dist/*'], plugins: ['prettier'], rules: { 'prettier/prettier': 'error', }, };
🌐
GitHub
github.com › prettier › prettier-eslint-cli
GitHub - prettier/prettier-eslint-cli: CLI for prettier-eslint · GitHub
You can also add the following to your .vimrc to run prettier-eslint-cli when .js files are saved: ... prettier-eslint --help Usage: prettier-eslint <globs>... [--option-1 option-1-value --option-2] Prefix an option with "no-" to set it to false, such as --no-semi to disable semicolons and --no-eslint-ignore to disable default ignores.
Author   prettier