ESLint is a static code linter for JavaScript, which means it analyzes your JavaScript code for errors, style problems and coding convention violations. This is my ESLint plugin, which can be used to lint your JavaScript code with my coding style. Is can be used for not only JavaScript but also TypeScript, React, etc.

Install the config:

[!NOTE] Prerequisites:

• [x] NodeJS must be installed on your computer. If not, click here.

1. Install the dependency:

npm install -D eslint @maxencebonamy/eslint-plugin

2. Paste the following code into the .eslintrc.json file:

{
    "extends": [
        "plugin:@maxencebonamy/base",
        "plugin:@maxencebonamy/typescript",
        "plugin:@maxencebonamy/react",
    ],
}

3. Add the scripts for linting into the package.json file by pasting the following code:

{
    "scripts": {
        "lint": "eslint .",
        "lint:fix": "eslint . --fix"
    }
}

Enable auto fix with VS Code:

1. Install ESLint extension.

2. Paste the folling code into the .vscode/settings.json file:

{
    "prettier.enable": false,
    "editor.formatOnSave": false,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}