ESLint

ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.

@antfu

Antfu is a developer who created a configuration for ESLint, available here.

Typescript

pnpm i -D eslint @antfu/eslint-config typescript

JavaScript

pnpm i -D eslint @antfu/eslint-config

Create eslint.config.mjs

echo "import antfu from '@antfu/eslint-config'

export default antfu({
  markdown: true,
  ignores: [
    //
  ],
}, {
  rules: {
    'no-console': 'warn',
  },
})" > eslint.config.mjs

VSCode only: Create .vscode/settings.json

mkdir -p .vscode
echo '{
  "eslint.useFlatConfig": true,
  "[markdown]": {
    "editor.formatOnSave": true
  },
  "typescript.tsdk": "node_modules/typescript/lib"
}' > .vscode/settings.json

Add scripts to package.json

Add the following scripts to package.json:

jq '.scripts["lint"] = "eslint ." | .scripts["lint:fix"] = "eslint . --fix"' package.json > tmp.json && mv tmp.json package.json

Now package.json should look like this:

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

Run ESLint

pnpm lint

If you want to fix the issues automatically, run:

pnpm run lint:fix