{"id":19625,"library":"eslint-config-with-prettier","title":"eslint-config-with-prettier","description":"An ESLint shareable config that combines Airbnb's base configuration with Prettier for automatic code formatting. Version 6.0.0 supports Node >=6 and includes plugins for React, JSX-a11y, import, Flow, and Jest. It extends eslint-config-airbnb and eslint-config-prettier, using eslint-plugin-prettier to run Prettier as an ESLint rule. The package aims to provide a zero-config setup similar to create-react-app's eslint experience, bundling all necessary dependencies. It also includes a bash setup script for additional project configuration, though this is deprecated in favor of manual setup. Release cadence is low; this package is primarily a convenience wrapper for common tooling.","status":"maintenance","version":"6.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/marcelmokos/eslint-config-with-prettier","tags":["javascript","eslint","airbnb config","prettier","react","jest","flow","flowtype","format"],"install":[{"cmd":"npm install eslint-config-with-prettier","lang":"bash","label":"npm"},{"cmd":"yarn add eslint-config-with-prettier","lang":"bash","label":"yarn"},{"cmd":"pnpm add eslint-config-with-prettier","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency for linting","package":"eslint","optional":false},{"reason":"Peer dependency for formatting","package":"prettier","optional":false},{"reason":"Base config dependency","package":"eslint-config-airbnb","optional":false},{"reason":"Disables conflicting rules","package":"eslint-config-prettier","optional":false},{"reason":"Runs Prettier as ESLint rule","package":"eslint-plugin-prettier","optional":false}],"imports":[{"note":"In .eslintrc, the extends field must be an array, even for one config.","wrong":"extends: 'eslint-config-with-prettier' (missing array brackets)","symbol":"extends","correct":"extends: ['eslint-config-with-prettier']"},{"note":"Additional plugins like eslint-plugin-dollar-sign can be added alongside the config.","wrong":"extends: ['eslint-config-with-prettier'] and plugins as string","symbol":"plugins","correct":"plugins: ['dollar-sign']"},{"note":"ESLint rules with options require an array syntax.","wrong":"rules: { 'dollar-sign/dollar-sign': 'error' } (missing array for options)","symbol":"rules","correct":"rules: { 'dollar-sign/dollar-sign': ['error', 'ignoreProperties'] }"}],"quickstart":{"code":"npm install --save-dev eslint-config-with-prettier\n# Then create .eslintrc.json:\n{\n  \"extends\": [\"eslint-config-with-prettier\"]\n}","lang":"json","description":"Install the config package and create an .eslintrc file extending the preset."},"warnings":[{"fix":"Manually configure ESLint and Prettier instead of running the setup script.","message":"The setup.sh script is outdated and may cause unintended changes. Use at your own risk.","severity":"deprecated","affected_versions":">=1.0.0"},{"fix":"Run npm info eslint-config-with-prettier peerDependencies and install each listed package.","message":"The package requires multiple peer dependencies that are not automatically installed (eslint, prettier, eslint-config-airbnb, etc.).","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Run prettier separately or use eslint --fix with caution; review changes before committing.","message":"With this config, prettier formatting is applied on eslint --fix, which may reformat code unexpectedly.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"npm install --save-dev eslint-plugin-prettier","cause":"Missing required peer dependency","error":"Error: Failed to load plugin 'prettier' declared in 'eslint-config-with-prettier': Cannot find module 'eslint-plugin-prettier'"},{"fix":"npm install --save-dev eslint-config-airbnb","cause":"Missing required peer dependency","error":"Error: Cannot find module 'eslint-config-airbnb'"},{"fix":"Ensure babel-eslint is installed and configured if needed; this config may not include it.","cause":"ESLint parser not configured for modern syntax","error":"Parsing error: Unexpected token ... (or other JSX/ES2015+ syntax)"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}