☰

Wie konfiguriere ich Emmet in Sublime, um die Kommentarverknüpfung zu aktivieren?

tag-icon • tag-icon keyboard-shortcuts sublime-text-2 key-binding
Wie konfiguriere ich Emmet in Sublime, um die Kommentarverknüpfung zu aktivieren?

Seit ich Emmet in Sublime 2 aktiviert habe, funktionieren einige Befehle nicht richtig.

Wie kann ich die scheinbar standardmäßige Funktionalität aktivieren, wenn ich HTMLeine Datei eintippe?

cmd + /

vor

<script src="./bower_components/angular/angular.js"></script>

um das richtig kommentierte Tag zu erhalten:

<!-- <script src="./bower_components/angular/angular.js"></script> -->

Im Moment erzeugt derselbe Befehl

// <script src="./bower_components/angular/angular.js"></script>

was völlig falsch ist.

Antwort1

Es stellt sich also heraus, dass dies kein Problem mit Emmet ist, sondern mit der integrierten HTML-Sprachdefinition von Sublime. Aus irgendeinem Grund ist es so eingerichtet, dass jede Zeile, die mit einem <script>Tag beginnt (optional mit Leerzeichen davor), als klassifiziert wird source.js.embedded, was bedeutet, dass beim Auslösen der Kommentarverknüpfung der JS- //Kommentarmarker anstelle des HTML- <!-- -->Markers verwendet wird.

Der einfachste Weg, dieses Problem zu umgehen, ist die Installation vonHTML5Paket überPaketkontrolle, das Sie vermutlich bereits installiert haben, da Sie Emmet verwenden. Installieren Sie das neue Paket und öffnen Sie dann Ihre Benutzereinstellungen (Sublime Text 2 -> Preferences -> Settings-User) und fügen Sie "HTML"der "ignored_packages"Liste hinzu:

"ignored_packages":
[
    "HTML",
    "Vintage"
],

Speichern Sie die Datei und starten Sie Sublime neu. Wenn Sie nun zuView -> Syntaxes sollte nur ein HTMLEintrag vorhanden sein, der sich jedoch auf die HTML5-Syntax bezieht, nicht auf die integrierte. Öffnen Sie zum Testen die Datei, die Sie oben bearbeitet haben, platzieren Sie den Cursor vor dem <script>Tag und drücken Sie ⌘/. Die gesamte Zeile sollte nun von HTML-Kommentaren umgeben sein:

<!-- <script src="./bower_components/angular/angular.js"></script> -->

verwandte Informationen