prettier/eslint-plugin-prettier

This repository contains a plugin that connects two widely used JavaScript developer tools: Prettier and ESLint. Prettier is a code formatter that automatically rewrites your code to follow a consistent visual style, such as consistent spacing, quote marks, and line breaks. ESLint is a linter, meaning it scans code for potential problems and style violations. Normally these two tools operate independently, but this plugin bridges them so that ESLint can flag formatting issues that Prettier would fix. The way it works is straightforward: when you run ESLint on your code, the plugin runs Prettier behind the scenes and compares the output. Any place where your actual code differs from what Prettier would produce shows up as an ESLint error. You can then use ESLint's auto-fix feature to apply Prettier's formatting in one step. The README recommends reading Prettier's official guidance on integrating with linters before installing, because combining these tools requires some care. Specifically, ESLint has its own formatting rules that can conflict with Prettier's decisions. The plugin works best when you also disable ESLint's built-in formatting rules, and the recommended configuration does this automatically via a companion package called eslint-config-prettier. Installation involves adding three packages as development dependencies and then referencing the plugin in your ESLint config file. The README covers both the older .eslintrc file format and the newer eslint.config.js flat config format. There is also a note about Svelte file support and a known issue with two specific ESLint rules that produce invalid code when combined with this plugin's auto-fix, so those rules are disabled by the recommended config. Options allow passing Prettier formatting preferences directly in the ESLint config, though storing them in a .prettierrc file is generally preferred for consistency across editor integrations.