Install Master CSS ESLint with HTML

Guide to installing Master CSS ESLint in your HTML project.

Installation

Install the plugin and parser into your project via package managers.

npm install -D @master/eslint-config-css@rc @angular-eslint/template-parser eslint

Set up your config

Create .eslintrc.json if you don't have one.

Add @master/css to the extends section.
Add @angular-eslint/template-parser to the overrides section.

{
    "extends": ["@master/css"],
    "overrides": [
        {
            "files": ["*.html"],
            "parser": "@angular-eslint/template-parser"
        }
    ]
}

Start linting your code

npx eslint *.html

Not working in Visual Studio Code? Next, set up the VSCode ESLint.