marklint (Markup Lint)

HTML lint tool that works well with Angular and Vue templates too

!CI

Features

- ⚡️ Fast html parsing
- 📏 Uses editorconfig
- 🖍 Prints beautiful code frames
- 🛠 Fixes auto fixable issues
- 🎭 Works with Vue and Angular too
- 🗂 No dependencies

Example screenshots

!image

!image

Installation

``bash
npm install marklint -g
`

Command line interface

Lint a file like so:

`bash
marklint
`

Options

`
Usage: marklint [file] [options]

file or directory file or directory to parse; otherwise uses '.'

Options:
--fix fixes all auto fixable issues
-v, --version print version and exit
-i, --include array of file paths to include (default: .html, .htm)
-e, --exclude array of file paths to exclude (default: node_modules/**)
-c, --config location of config file
``

Rules

- ✅ alt-require
- ✅ attr-closing-bracket
- ✅ attr-format
- ✅ attr-lowercase
- ✅ attr-no-duplication
- ✅ attr-value-not-empty
- ⭕ attr-value-double-quotes - _WIP_
- ✅ comment-format
- ✅ inline-style-disabled
- ✅ no-flow-tag-close
- ✅ no-unclosed-tag
- ✅ no-void-tag-close
- ⭕ style-disabled - _WIP_
- ✅ tag-indent

Motivation

By the time I started this project there were not many html lint tools and none of them provided features I wanted for my templates to have such as indent attributes based on length of attributes length and none of them really worked with Angular templates, that was my primary target from the start.

And since I hate that JS ecosystem has dependency rabbit hole I wanted to build markup linter that checks and fixes issues in any html markup file as well as Angular and Vue templates with minimum dependency count.

MIT License

Copyright (C) 2020 Marcis Bergmanis