vscode-angular-inline

Angular Inline 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

• vscode-angular-inline
  • Angular Inline Template Syntax Highlighting
  • Summary
    • Angular directives
    • Doctype
    • Comments
    • Invalid attributes see complete list
    • Angular interpolations (with safe navigation operator)
    • Angular structural tags
    • Entities
    • Regex
    • Deprecated tags see complete list
    • DOM events see complete list
    • Style inline
    • Style tag (scss/stylus)
    • Script tag
    • Generic attributes
  • Disclaimer
  • Changelog

Angular directives

Doctype

Comments

Invalid attributes see complete list

Angular interpolations (with safe navigation operator)

Angular structural tags

Entities

Regex

Deprecated tags see complete list

DOM events see complete list

Style inline

Style tag (scss/stylus)

Note: stylus is only supported via language-stylus

Script tag

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

Changelog