Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mazipan/eslint-formatter-html-extended

🌹 Beautiful ESLint HTML formatter extended from ESLint's official HTML formatter by JulianLaval combined with Stylish by Sindre Sorhus
https://github.com/mazipan/eslint-formatter-html-extended

eslint-formatter eslint-html-formatter eslint-html-reporter eslint-reporter eslintformatter

Last synced: 12 days ago
JSON representation

🌹 Beautiful ESLint HTML formatter extended from ESLint's official HTML formatter by JulianLaval combined with Stylish by Sindre Sorhus

Host: GitHub
URL: https://github.com/mazipan/eslint-formatter-html-extended
Owner: mazipan
License: mit
Created: 2019-02-15T09:06:37.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2021-06-28T05:06:19.000Z (over 3 years ago)
Last Synced: 2024-11-10T18:51:43.062Z (2 months ago)
Topics: eslint-formatter, eslint-html-formatter, eslint-html-reporter, eslint-reporter, eslintformatter
Language: HTML
Homepage:
Size: 1020 KB
Stars: 14
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # eslint-formatter-html-extended

🌹 Beautiful ESLint HTML formatter extended from ESLint's official HTML formatter by [JulianLaval](https://github.com/JulianLaval) combined with Stylish by [Sindre Sorhus](https://github.com/sindresorhus)

[![License](https://img.shields.io/github/license/mazipan/eslint-formatter-html-extended.svg?longCache=true)](https://github.com/mazipan/eslint-formatter-html-extended) [![version](https://img.shields.io/npm/v/eslint-formatter-html-extended.svg?maxAge=3600)](https://www.npmjs.com/package/eslint-formatter-html-extended)

[![downloads](https://img.shields.io/npm/dt/eslint-formatter-html-extended.svg?maxAge=86400)](https://www.npmjs.com/package/eslint-formatter-html-extended) ![minified](https://badgen.net/bundlephobia/minzip/eslint-formatter-html-extended)

## Why you need this formatter

With this formatter, you can generate HTML as report but still can see output in your terminal.

Read the background story:

+ [in Bahasa Indonesia](https://mazipan.space/eslint-formatter-html-extended/?utm_source=readme)

+ [in English](https://mazipan.space/en/eslint-formatter-html-extended/?utm_source=readme)

## Output Report

[preview here](http://htmlpreview.github.io/?https://github.com/mazipan/eslint-formatter-html-extended/blob/master/eslint-report.html)

## Screenshoot

![](screenshoot-html.png)

![](screenshoot-stylish.png)

## Installation

```bash

$ yarn add eslint-formatter-html-extended -D

# OR

$ npm i eslint-formatter-html-extended --dev

```

## Usage

Refer to this [docs](https://eslint.org/docs/user-guide/formatters/), you just need to add parameter `-f nameFormatter -o nameFile`, e.g.:

```bash

eslint --ext .js . -f node_modules/eslint-formatter-html-extended -o eslint-report.html

```

Or with shortcut name

```bash

eslint --ext .js . -f html-extended -o eslint-report.html

```

## Development

```bash

# install dependencies

$ yarn install

# generate new output report

$ yarn lint:test

```

---

Copyright © 2019 by Irfan Maulana