ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Ngx HTML

by princemaple ST3

Ngx (Angular2+) HTML Syntax for SublimeText

Details

Installs

  • Total 27K
  • Win 15K
  • OS X 7K
  • Linux 5K
Dec 17 Dec 16 Dec 15 Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5 Nov 4 Nov 3 Nov 2
Windows 0 0 1 0 0 39 38 20 40 41 42 35 42 37 32 29 35 37 51 50 42 31 28 46 51 35 53 48 25 15 42 40 52 45 46 22 34 48 59 49 45 46 21 27 44 50
OS X 1 0 0 0 1 18 18 11 7 11 26 18 28 20 15 13 15 20 22 20 12 2 13 15 17 16 23 23 11 17 17 20 22 16 20 16 11 14 18 19 25 18 6 14 19 20
Linux 0 1 0 0 1 10 18 2 4 14 14 10 15 18 11 6 16 21 17 14 9 10 10 16 8 15 17 16 11 12 17 14 9 10 9 7 10 15 16 11 12 20 8 10 9 13

Readme

Source
raw.​githubusercontent.​com

Ngx (Angular2+) HTML Syntax for SublimeText

based on the official sublime html syntax

Features

So that it's not broken when there are

attributes on the tags

Plus

Highlighting the JS part as JS. So,

  • in [myBinding]="myVar", you should see myVar as an JS variable instead of string content
    • i.e. myVar should be highlighted differently from "s
  • in *ngFor="let column of columns", you should see let and of highlighted as keywords
  • in (change)="update()", you should see update as function name
  • in a && b within an Angular expression, you should see && correctly highlighted as the JS operator instead of an error you would see in normal HTML syntax.
  • in {{1 + 2}} interpolations, you should see JS syntax highlighting as well

How to use

The syntax is listed as Ngx HTML in Sublime syntax selection list.

I personaly use ApplySyntax plugin with the following setting:

"syntaxes": [
    {
        "syntax": "Ngx HTML/NgxHTML",
        "extensions": ["component.html"],
    },
]

You could use it in other ways… e.g. set it as the default syntax for all html files, since it's a superset of the html syntax anyway.