Eslint and Prettier General Reference Config

TIMING=1 npm run lint

{	
  //...	
  "settings": {	
    "import/resolver": {	
      "node": {	
        "paths": ["src"]	
      }	
    } 	
  },	
  //...	
}

/* eslint-disable */

/* eslint no-use-before-define: 0 */  // --> OFF

or

/* eslint no-use-before-define: 2 */  // --> ON

/* eslint-disable no-eval */

Put /* eslint-disable-line */ at the end of the line(s),
or /* eslint-disable-next-line */ right before the line.

brew install eslint

brew install prettier

{
  //....
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  //....
}

{
 //....
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
   //....
}

{
 //....
 "[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
   //....
}

npm install --save-dev eslint-config-prettier eslint-plugin-prettier prettier

touch .prettierrc

npx eslint --init

// .eslint.json
{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": ["prettier", "eslint:recommended", "plugin:react/recommended"],
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["prettier", "react"],
  "rules": {
    "prettier/prettier": ["error"]
  }
}

// .prettierrc.json
{
  "arrowParens": "avoid",
  "semi": false,
  "singleQuote": true,
  "printWidth": 70
}

{
  // ...
  "rules": {
    "prefer-const": "off" // Turn rule off
  }
}

npm i --dev @typescript-eslint/eslint-plugin

{
  "plugins": ["@typescript-eslint"],
  "extends": [
    "next/core-web-vitals",
    "plugin:@typescript-eslint/recommended"
  ],
  "rules": {
    // I suggest you add those two rules:
    "@typescript-eslint/no-unused-vars": "error",
    "@typescript-eslint/no-explicit-any": "error"
  }
}