Problem
ESLint is not working in Visual Studio Code. ESLint tool enabled in Visual Studio Code but seems to be not working and not showing any error related to ESlint tool.
Solution
Installing the ESLInt
The simplest way to configure ESLint using the below NPM commands
npm i eslint && npm i eslint-plugin-react
Install the ESLint extenstion in code editor
To enable ESLint configurations extension in your react Application, install the extension in your favourite Editor, I recommend you to use vscode for better experience
Create .eslintrc.js configuration file
Create .eslintrc.js file in your project’s root folder and add the below text to that file.
Enable ESLint Configuration Options in VSCode
Enable all ESLint configurations in VSCode settings by pressing shortcut key ctrl+, and search these settings @ext:dbaeumer.vscode-eslint
After doing all the above settings close the project and reopen the project once again, congratulations…. you have successfully configured ESLint settings in your project.
Conclusion
Sometimes small mistakes can give big problems which we do not understand where is the problem exactly. So when we install ESLint in the above steps, it will work perfectly.