Supreme eslint config

This is a all-in-one configuration based on personal preferences of the creator. Tuned to work with JS and TS and support on-save fixes in IDE.

Setup

Easy one-line setup with bun

bunx eslint-config-supreme init

or with npm

npx eslint-config-supreme init

Manual setup

1. Install with npm

npm install eslint-config-supreme

• or with bun

bun add eslint-config-supreme

2. Add .eslintrc.js config file to root of your project

module.exports = {
  extends: 'supreme',
}

3*. Add files extensions to eslint.validate in settings.json of VS Code. Needed for Astro.

"eslint.validate": [
  "javascript",
  "javascriptreact",
  "astro", // Enable .astro
  "typescript", // Enable .ts
  "typescriptreact" // Enable .tsx
]

Optional

Add on-save fix to vs-code

1. Istall Eslint extension for VS code. Extension id dbaeumer.vscode-eslint

• VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

2. Add .vscode/settings.json file to root of your project

{
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }
}