@vchikalkin/eslint-config-awesome

• 🛠️ Most rules autofixable
• 🎯 Designed to work with TypeScript, Nextjs, React projects
• 🏆 Powered by Canonical, SonarJS

🚀 Usage

📥 Install

yarn add -D eslint @vchikalkin/eslint-config-awesome

⚙️ Config .eslintrc

For Next.js

{
  "extends": [
    "@vchikalkin/eslint-config-awesome/next-typescript/config",
    "@vchikalkin/eslint-config-awesome/next-typescript/rules"
  ]
}

For React

{
  "extends": [
    "@vchikalkin/eslint-config-awesome/react-typescript/config",
    "@vchikalkin/eslint-config-awesome/react-typescript/rules"
  ]
}

For TypeScript

{
  "extends": [
    "@vchikalkin/eslint-config-awesome/typescript/config",
    "@vchikalkin/eslint-config-awesome/typescript/rules"
  ]
}

➕ Add script for package.json

For example:

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

✨ Config VS Code auto fix

Install VS Code ESLint extension, VS Code Prettier extension and create .vscode/settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.fixAll.eslint": true,
    "source.removeUnusedImports": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "json",
    "typescript",
    "typescriptreact",
    "yaml"
  ],
  "eslint.lintTask.enable": true
}