ESLint Config

Appearance

ESLint ConfigOpinionated ESLint preset for frontend teams

Flat config, practical defaults, TypeScript and Vue ready

Get Started
Config Matrix
Inspector
⚡️

Fast Start

Install, add eslint.config.mjs, run lint. Works in minutes.

🧩

Modular Preset

Keep defaults, disable noisy modules, or enable optional stacks like Astro and SVGO.

🧠

Smart Detection

Automatically turns on configs by dependencies and file types.

🛠️

Frontend Coverage

TypeScript, Vue SFC, JSON, Markdown, YAML, TOML, and test files.

🎨

Formatter Friendly

Works with either Prettier or oxfmt for clean and predictable workflows.

🏢

Monorepo Ready

Add folder-based overrides for apps and packages in a single root config.

Quick Start ​

shell
pnpm add -D eslint typescript @ntnyq/eslint-config
shell
npm i -D eslint typescript @ntnyq/eslint-config
shell
yarn add -D eslint typescript @ntnyq/eslint-config
shell
bun add -D eslint typescript @ntnyq/eslint-config

Create eslint.config.mjs:

js
// @ts-check

import { defineESLintConfig } from '@ntnyq/eslint-config'

export default defineESLintConfig()

Add scripts:

json
{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }
}
  1. Guide: install, quick start, and first customizations.
  2. Configs: find which modules are auto, default-on, or optional.
  3. Custom Configuration: monorepo and advanced override patterns.
  4. FAQ: performance, VS Code, and troubleshooting.

Credits ​