DEV Community

Cover image for Configuration ESLint and Prettier in a project React.
Reynaldo Quispe Soca
Reynaldo Quispe Soca

Posted on

Configuration ESLint and Prettier in a project React.

#javascript #react #prettier #eslint

ESLINT
1.- Install ESLint

npm install eslint --save-dev
Enter fullscreen mode Exit fullscreen mode

2.- Initialize ESLint

npx eslint --init
Enter fullscreen mode Exit fullscreen mode

3.- answer questions as seen in the following image for configuration
Image description
4.- To fix a project you use

npx eslint . --fix
Enter fullscreen mode Exit fullscreen mode

PRETTIER
1.- Install configuration prettier and eslint

npm i eslint-config-prettier -D
Enter fullscreen mode Exit fullscreen mode

2.- Install prettier

npm i prettier -D
Enter fullscreen mode Exit fullscreen mode

3.- Create file .prettierrc.json and inside this file write your configuration..
4.- In configuration .JSON write

"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.formatOnType": true,
"prettier.eslintIntegration": true
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

daksh_kataria_9c4197f3f7c profile image

Cybersecurity Course for Beginners: Your Ultimate Guide In 2025

Daksh Kataria -

philipwalsh profile image

React Best Practices with Examples

Philip Walsh -

ankushgoyal11 profile image

Angular: Observable v/s Promise

Ankush Goyal -

ezechiel_kiregha_7e7dbc11 profile image

Comprehensive Guide to Setting Up Load Balancing with Traefik, Docker, Django, and React

Ezechiel Kiregha -