https://github.com/shuoshubao/eslint-formatter-html
eslint-formatter-html
https://github.com/shuoshubao/eslint-formatter-html
Last synced: 20 days ago
JSON representation
eslint-formatter-html
- Host: GitHub
- URL: https://github.com/shuoshubao/eslint-formatter-html
- Owner: shuoshubao
- License: mit
- Created: 2019-05-27T12:34:38.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2025-04-03T10:19:45.000Z (2 months ago)
- Last Synced: 2025-05-08T08:54:18.198Z (25 days ago)
- Language: JavaScript
- Size: 1.98 MB
- Stars: 37
- Watchers: 2
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-eslint - html - A enhanced ESLint formatter. (Formatters / Testing Tools)
- fucking-awesome-eslint - html - A enhanced ESLint formatter. (Formatters / Testing Tools)
- fucking-awesome-eslint - html - A enhanced ESLint formatter. (Formatters / Testing Tools)
README
# eslint-formatter-html
A enhanced ESLint formatter
# Examples
- https://shuoshubao.github.io/eslint-formatter-html
- [demo1](https://shuoshubao.github.io/eslint-formatter-html/demo1)
- [demo2](https://shuoshubao.github.io/eslint-formatter-html/demo2)
- [demo3](https://shuoshubao.github.io/eslint-formatter-html/demo3)
- [demo4](https://shuoshubao.github.io/eslint-formatter-html/demo4)
- [demo5](https://shuoshubao.github.io/eslint-formatter-html/demo5)
- [demo6](https://shuoshubao.github.io/eslint-formatter-html/demo6)
- [demo7](https://shuoshubao.github.io/eslint-formatter-html/demo7)
- [demo8](https://shuoshubao.github.io/eslint-formatter-html/demo8)
## ESLint official example
- https://eslint.org/docs/latest/user-guide/formatters/html-formatter-example
- https://shuoshubao.github.io/eslint-formatter-html/built-in
# Install
```sh
npm i -D eslint-formatter-html
```
# Usage
```sh
npx eslint -f html -o ESLintReport.html
```
> More information about formatters can be found on https://eslint.org/docs/latest/user-guide/formatters
# Features
- The html page is built based on `react` and `antd`, and the interaction is very good
- The file path is a relative path, very short
- Both file paths and code lines and columns can be copied, that you can quickly locate the specific location of the code
- Supports `ansi` code display
- Supports dark mode, depending on your Mac settings
- Using [pako](https://www.npmjs.com/package/pako) compression, even if the project is large, the report file size is small