ESLint Config Inspector

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]

A visual tool for inspecting and understanding your ESLint flat configs.

Usage

Go to the project root that contains eslint.config.js and run:

``bash
npx @eslint/config-inspector@latest
`

Visit http://localhost:7777/ to view and play with your ESLint config. Changes to the config file will be updated automatically.

Run npx @eslint/config-inspector --help to see all the CLI options available.

$3

Or play it right in your browser now:

![](https://stackblitz.com/~/github.com/eslint/config-inspector)

$3

It is also possible to build a static web app for your ESLint config:

`bash
npx @eslint/config-inspector build
`

This will generate a Single-Page Application (SPA) under .eslint-config-inspector, with the snapshot of the current ESLint config. You can deploy it somewhere, or use it for comparison etc.

Run npx @eslint/config-inspector build --help to see all the CLI options available.

Contributing

We operate under the ESLint Contributor Guidelines, so please be sure to read them before contributing. If you're not sure where to dig in, check out the issues.

$3

This project uses the following stack:

- pnpm for package management
- Nuxt & Vue for the app
- APIs are served under server/api powered by Nitro
- UnoCSS for styling
- With attributify mode enabled
- Use ESLint for linting and formatting

To start the development server:

- Install dependencies via pnpm install (we highly recommend you to enable corepack enable first)
- Run pnpm dev to start the development server at http://localhost:3000

To test the production build:

- Run pnpm build to build the app
- Run pnpm start` to start the production server at http://localhost:7777

License

Apache-2.0 License

[npm-version-src]: https://img.shields.io/npm/v/@eslint/config-inspector?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@eslint/config-inspector
[npm-downloads-src]: https://img.shields.io/npm/dm/@eslint/config-inspector?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@eslint/config-inspector