/vscode-angular-html

Angular syntax highlighting for HTML templates

Primary LanguageJavaScriptOtherNOASSERTION

vscode-angular-html

SemVer GitHub issues GitHub license Build status Installs Version Greenkeeper badge Commitizen friendly

Logo

Angular HTML Template Syntax Highlighting

This plugin adds syntax highlighting for angular HTML template files in VS Code. It supports the angular syntax itself, HTML DOM events and emphasizes deprecated and obsolete tags and attributes usage according to the current status of HTML.

Note: VSCode's default Dark+ theme doesn't have the highlighting displayed in these images. For that effect I recommend using dark-plus-syntax theme. Other themes that have similar highlighting: cobalt2, dracula / dracula soft and and old hope classic.

Summary

Angular directives

Angular directives

Doctype

Doctype

Comments

Comments

Invalid attributes see complete list

Invalid attributes

Angular interpolations (with safe navigation operator)

Angular Interpolations

Angular structural tags

Angular Structural Tags

Entities

HTML Entities

Regex

Regex

Deprecated tags see complete list

Deprecated tags

DOM events

Style inline

Style inline

Style tag (scss/stylus)

Note: stylus is only supported via language-stylus

Style tag

Script tag

Script tag

Generic attributes

Generic attributes

Disclaimer

The development of this plugin serves as a way for me to train Regex, so may not be 100% correct. Feel free to submit a pull request if needed.

Based in the original work of dunstontc