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
This lets you use your favorite shareable config without letting its stylistic choices get in the way when using Prettier. Note that this config only turns rules off, so it only makes sense using it together with some other config. ... Add eslint-config-prettier to your ESLint configuration – either to eslintrc or to eslint.config.js (flat config).
Starred by 5.9K users
Forked by 262 users
Languages JavaScript
Prettier
prettier.io › docs › install
Install · Prettier
If you use ESLint, install eslint-config-prettier to make ESLint and Prettier play nice with each other. It turns off all ESLint rules that are unnecessary or might conflict with Prettier.
Videos
12:11
How To Setup Prettier - YouTube
09:15
3. How to Set Up ESLint 9 with Prettier in Node.js (Flat Config ...
01:20:13
You Probably Don't Need eslint-config-prettier or eslint-plugi...
08:29
How to setup ESLint and Prettier in Next.js Projects - YouTube
21:39
Using ESLint and Prettier in Visual Studio Code - YouTube
Prettier/ESLint, React: Common Mistakes and Simple Config - YouTube
npm
npmjs.com › package › eslint-config-prettier
eslint-config-prettier - npm
July 18, 2025 - This lets you use your favorite shareable config without letting its stylistic choices get in the way when using Prettier. Note that this config only turns rules off, so it only makes sense using it together with some other config. ... Add eslint-config-prettier to your ESLint configuration – either to eslintrc or to eslint.config.js (flat config).
» npm install eslint-config-prettier
Published Jul 18, 2025
Version 10.1.8
Author Simon Lydell
Medium
medium.com › @contactmanoharbatra › eslint-and-prettier-configuration-f0259ebeb58b
Eslint and Prettier configuration | by Manohar Batra | Medium
September 10, 2025 - Eslint and Prettier configuration YouTube: https://www.youtube.com/@RoadToCodeWithMB 🔧 Step 1: Install ESLint and Plugins In your Vite React project root, run: (sometimes it comes by default when …
npm
npmjs.com › package › eslint-plugin-prettier
eslint-plugin-prettier - npm
January 14, 2026 - Disable the arrow-body-style and prefer-arrow-callback rules which are problematic with this plugin - see the below for why. Enable the eslint-config-prettier config which will turn off ESLint rules that conflict with Prettier.
» npm install eslint-plugin-prettier
Published Jan 14, 2026
Version 5.5.5
Author Teddy Katz
GitHub
github.com › prettier › eslint-plugin-prettier
GitHub - prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting · GitHub
This plugin works best if you disable all other ESLint rules relating to code formatting, and only enable rules that detect potential bugs. If another active ESLint rule disagrees with prettier about how code should be formatted, it will be impossible to avoid lint errors. Our recommended configuration automatically enables eslint-config-prettier to disable all formatting-related ESLint rules.
Starred by 3.6K users
Forked by 212 users
Languages JavaScript
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.
Expo Documentation
docs.expo.dev › integrations › tools › using eslint and prettier
Using ESLint and Prettier - Expo Documentation
3 weeks ago - A guide on configuring ESLint and Prettier to format Expo apps.
GitHub
github.com › prettier › eslint-config-prettier › blob › main › CHANGELOG.md
eslint-config-prettier/CHANGELOG.md at main · prettier/eslint-config-prettier
On top of that, the docs have been updated to mention how to use both eslint.config.js (flat config) and eslintrc, and the tests now test both config systems. Changed: unicode-bom is no longer turned off. Prettier preserves the BOM if you have one, and does not add one if missing.
Author prettier
npm
npmjs.com › package › eslint-config-prettier-standard
eslint-config-prettier-standard - npm
February 22, 2021 - An ESLint shareable config for projects using 'Prettier' and 'JavaScript Standard Style' as ESLint rules.. Latest version: 4.0.1, last published: 5 years ago. Start using eslint-config-prettier-standard in your project by running `npm i ...
» npm install eslint-config-prettier-standard
Published Feb 22, 2021
Version 4.0.1
Author Nick Petruzzelli
ESLint
eslint.org › docs › latest › use › configure › configuration-files
Configuration Files - ESLint - Pluggable JavaScript Linter
Selecting a version will take you to the chosen version of the ESLint docs. Version ... Results will be shown and updated as you type. ... This page explains how to use flat config files.
Medium
medium.com › @robinviktorsson › setting-up-eslint-and-prettier-for-a-typescript-project-aa2434417b8f
Setting Up ESLint and Prettier for a TypeScript Project | by Robin Viktorsson | Medium
March 10, 2025 - Run the following command to install ESLint and TypeScript-related dependencies: npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier ...
Next.js
nextjs.org › docs › app › api-reference › config › eslint
Configuration: ESLint | Next.js
3 days ago - We recommend including eslint-config-prettier in your ESLint config to make ESLint and Prettier work together.
LogRocket
blog.logrocket.com › home › using prettier and eslint for javascript formatting
Using Prettier and ESLint for JavaScript formatting - LogRocket Blog
October 22, 2024 - In a dedicated ESLint configuration file, you can manage the rules your project uses and disable any you don’t wish to use. ESLint allows rules to be set as errors or warnings and some errors can be automatically fixed. While ESLint can handle some formatting tasks, Prettier offers several advantages that make it a valuable addition to the development workflow.
DEV Community
dev.to › viniciuskneves › prettier-eslint-and-typescript-491j
Prettier, ESLint and Typescript - DEV Community
September 20, 2021 - Prettier provides two packages that integrate with ESLint. eslint-config-prettier: turns off rules that might conflict with Prettier.
Joshuakgoldberg
joshuakgoldberg.com › blog › you-probably-dont-need-eslint-config-prettier-or-eslint-plugin-prettier
You Probably Don't Need eslint-config-prettier or eslint-plugin-prettier | Goldblog
January 23, 2024 - Developers got around those formatting ...g-prettier could be placed last in a project’s ESLint config to turn off any formatting rules enabled by previous plugins....
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-prettierto turn-off eslint rules that are unnecessary or might conflict with Prettier. See 1st line in readme: eslint-config-prettier. - Use
eslint-plugin-prettierto 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
pluginto run Prettier as an Eslint-rule, andconfigto turn-off eslint rules that are unnecessary or might conflict with Prettier. - You can ignore
prettier-eslint
Josh Finnie
joshfinnie.com › blog › adding-eslint-and-prettier-to-my-blog
Adding ESLint & Prettier to My Blog | www.joshfinnie.com
December 2, 2024 - Setting up Prettier and ESLint wasn’t without challenges, but solving them was rewarding. The main issue was conflicting rules between the tools. ESLint would flag formatting issues that Prettier had already handled, creating redundant warnings. I solved this by adding the eslint-plugin-prettier/recommended package to my ESLint config.
npm
npmjs.com › package › @vue › eslint-config-prettier
@vue/eslint-config-prettier - npm
January 18, 2025 - eslint-config-prettier for create-vue. Latest version: 10.2.0, last published: a year ago. Start using @vue/eslint-config-prettier in your project by running `npm i @vue/eslint-config-prettier`. There are 288 other projects in the npm registry using @vue/eslint-config-prettier.
» npm install @vue/eslint-config-prettier
Published Jan 18, 2025
Version 10.2.0
Author Evan You
Cathalmacdonnacha
cathalmacdonnacha.com › setting-up-eslint-prettier-in-vitejs
Setting up ESLint & Prettier in ViteJS
November 27, 2024 - @typescript-eslint/parser: A parser ... eslint-config-prettier: An ESLint configuration which disables the formatting rules in ESLint that Prettier is going to be responsible for handling, hence avoiding any clashes....