As you may know VSCode’s extension HTMLHint has been deprecated. It was a great static analyzer for html files. None of the alternative extensions work correctly (htmllint, LintHTML, W3C Validation…).
Maybe you can suggest better alternatives?
As you may know VSCode’s extension HTMLHint has been deprecated. It was a great static analyzer for html files. None of the alternative extensions work correctly (htmllint, LintHTML, W3C Validation…).
Maybe you can suggest better alternatives?
2
Answers
I found a solution. You need to install HTML-validate. By default is doesn't works, additionally you need to install:
and restart your VSCode.
If for you (as for me) is very annoying all validation rules, then you should create file
.htmlvalidate.json
into project root and fill it like this:{ "elements": [ "html5" ], "extends": [ "html-validate:recommended" ], "rules": { "attr-delimiter": "off", "attr-spacing": "off", "doctype-html": "off", "meta-refresh": "off", "no-conditional-comment": "off", "no-deprecated-attr": "off", "no-redundant-for": "off", "no-redundant-role": "off", "no-style-tag": "off", "prefer-button": "warn", "prefer-tbody": "off", "tel-non-breaking": "off", "unrecognized-char-ref": "off", "attribute-allowed-values": "warn", "no-trailing-whitespace": "off", "no-inline-style": "off", "doctype-style": "off", "class-pattern": "off", "attribute-empty-style": "off", "attribute-boolean-style": "off", "attr-pattern": "off", "input-missing-label": "off", "no-autoplay": "off", "element-permitted-content": "off" } }
All rules are here: HTML-rules
I’m on the HTMLHint team and we recently published the official HTMLHint VS Code extension which is based on Microsoft’s deprecated one. Its bundled with the latest HTMLHint library so all rules are supported out of the box and we have more features and improvements planned!
Download:
https://marketplace.visualstudio.com/items?itemName=HTMLHint.vscode-htmlhint