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

magi-magificient profile image

Playwright Automation Commands

Mangai Ram -

adelbeit profile image

How to persist client-side preferences on the client in Svelte (w/o DB)

Adele Beitvashahi -

rivea0 profile image

LeetCode Meditations: Construct Binary Tree from Preorder and Inorder Traversal

Eda -

nilanth profile image

Seamless Integration of Laravel Breeze API Scaffolding with React Applications

Nilanth -