I Typoskript mit Sublime 3. bin Wie kann ich HTML-Highlight in Vorlage Attribut hinzufügen: [ANMERKUNG: Ich habe bereits Microsoft Typoskript Paket verwende]HTML-Syntax Highlight sublime 3 Typoskript
Sehen Sie, wie es ist nicht jetzt hervorgehoben:
I Typoskript mit Sublime 3. bin Wie kann ich HTML-Highlight in Vorlage Attribut hinzufügen: [ANMERKUNG: Ich habe bereits Microsoft Typoskript Paket verwende]HTML-Syntax Highlight sublime 3 Typoskript
Sehen Sie, wie es ist nicht jetzt hervorgehoben:
lesen Sie hier, wie dieses Ziel zu erreichen:
https://forum.sublimetext.com/t/javascript-es6-template-literals-syntax-for-html/18242
hier Abgebildet:
öffnen Tools> Entwickler> Neue Syntax
Anzahl:
%YAML1.2
---
# See http://www.sublimetext.com/docs/3/syntax.html
name: JavaScript NG
file_extensions:
- js
- ng.js
scope: source.js.ng
contexts:
main:
- match: ""
push: scope:source.js
with_prototype:
- match: '`'
push:
- meta_content_scope: text.html.basic.embedded.js
- include: 'scope:text.html.basic'
- match: '`'
pop: true
und speichern es ist Javascript-NG.sublime-Syntax
Es gibt auch eine offene Github Ausgabe dazu:
Hier ist eine schnelle Lösung, die Verwendung der installierten TypeScript
Paket und seine bestehenden Hervorhebungsdefinition macht noch:
Öffnen Sie ein Typoskript-Datei (mit Ihrer installierten Typoskript Syntax-Hervorhebung)
Wählen Tools> Entwickler > neue Syntax von Typescript.tmLanguage eine neue Syntax Definitionsdatei auf dem bestehenden
Finden Sie dieBasis erstellenKontext (ctrl + f für string.template.ts
) und eine für 'scope:text.html.basic'
zum push
umfassen hinzuzufügen, wie in der angegeben kommentierten Zeile unter:
%YAML 1.2
---
# http://www.sublimetext.com/docs/3/syntax.html
name: TypeScript + HTML # <-- renaming is optional
# ...
template:
- match: "([_$[:alpha:]][_$[:alnum:]]*)?(`)"
captures:
1: entity.name.function.tagged-template.ts
2: punctuation.definition.string.template.begin.ts
push:
- meta_scope: string.template.ts
- match: "`"
captures:
0: punctuation.definition.string.template.end.ts
pop: true
- include: template-substitution-element
- include: string-character-escape
- include: 'scope:text.html.basic' # <-- !! only add this line !!
template-substitution-element:
# ...
fakultativer Schritt:
Ändern der name
Eigenschaft am Anfang der Datei zu etwas wie TypeScript + HTML
zu leicht finden und wählen Sie es in der Syntax Liste später
Speichern Sie die Datei mit einem .sublime-syntax
Datei-Endung
Restart Sublime Text und Ihre neue Syntax zu einer Typoskript Datei markieren, gelten:
Ansicht> Syntax> Öffnen Sie alle mit der aktuellen Erweiterung als> TypeScript + HTML :) – Luckylooke
ich auf diesen Artikel kam vor der Veröffentlichung die Frage. es hat keine Hervorhebung gemacht. Nach dem Laden der Syntax ist alles gleich. Ich habe versucht, erhaben zu sein, aber nichts ist passiert. –
Ich habe es funktioniert nach der Auswahl von 'Javascript NG' aus Ansicht -> Syntax -> 'Javascript NG' –
Ich erstellte einen Dateinamen JavaScript-NGlime-Syntax, fügte den Inhalt in dieser Antwort, gespeichert es in Pakete> Benutzer . der Neustart erhaben. Aber ich konnte die Syntax nicht erhaben aktivieren. –