https://github.com/shuoshubao/eslint-formatter-html

eslint-formatter-html
https://github.com/shuoshubao/eslint-formatter-html

Last synced: 3 months 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 (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-06-17T10:54:23.000Z (5 months ago)
• Last Synced: 2024-07-19T03:37:02.498Z (4 months ago)
• Language: JavaScript
• Size: 1.89 MB
• Stars: 33
• Watchers: 1
• Forks: 5
• 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)

README

        
# eslint-formatter-html

A enhanced ESLint formatter

# Examples

-   https://shuoshubao.github.io/eslint-formatter-html

-   https://shuoshubao.github.io/eslint-formatter-html/demo1

-   https://shuoshubao.github.io/eslint-formatter-html/demo2

-   https://shuoshubao.github.io/eslint-formatter-html/demo3

-   https://shuoshubao.github.io/eslint-formatter-html/demo4

-   https://shuoshubao.github.io/eslint-formatter-html/demo5

-   https://shuoshubao.github.io/eslint-formatter-html/demo6

-   https://shuoshubao.github.io/eslint-formatter-html/demo7

-   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