Wie Emmet an Dreamweaver arbeiten kann

Erlaubt es mit dem Tab zu arbeiten. Ich benutze DW CS6 in der Codeansicht zum Programmieren und war froh zu wissen, dass es für DW verfügbar war. Leider funktioniert es, wie @Andy sagt, nicht ohne weiteres.

Zunächst wird in DW die Verknüpfung Strg + E für das Fenster "Tag wählen" verwendet. Die nächste Sache ist, dass Tab funktioniert nicht aus der Box wie es mit anderen IDEs funktioniert.

Nachdem ich ein wenig experimentiert habe, um die Tab -Schaltfläche für die Erweiterung der Abkürzung zu verwenden, habe ich Folgendes getan:

Ich schrieb das Wort Tab irgendwo und ich kopierte es in meine Zwischenablage, ging zur Edit > Keyboard Shortcuts > Commands > Emmet > Expand Abbreviation Präferenz und ich rechts in das "Drücken Sie die Taste:" Feld am unteren Rand geklickt und das Wort eingefügt Tab dort, dann klickte ich auf Change und dann auf OK und jetzt funktioniert mein Tab auf Expand Abbreviation .

Viele Leute könnten es als eine große Nachteil finden, dass jetzt die Tab Taste nicht mehr wirklich Tab, aber ich denke, es ist in Ordnung für mich, weil ich gerne Double Space Einzug und Ich benutze nicht das Tab , weil andere IDEs es mit mehr oder weniger Leerzeichen lesen, so dass der Code manchmal ein wenig krumm wird, wenn er von IDE zu IDE gespeichert wird.

Last but not least ... Ich habe auch versucht, den ASCII-Code für das Tab zu machen, was tatsächlich 	 ist, aber das schien nicht zu funktionieren.

Ich hoffe, diese Antwort ist auch hilfreich für alle, die das Tab verwenden möchten und es macht nichts, dass es nur für Expand Abbreviation funktioniert.

Erstellen Sie eine neue Tastenkombination für Emmet

Standardmäßig ist die Verknüpfung Strg + E für Dreamweavers Tagauswahl eingerichtet, die Emmets Strg + E Verknüpfung. Wir beheben dies, indem wir die Tastenkombination für die Tagauswahl entfernen.

1. Gehe zu Edit > Keyboard Shortcuts…
2. Wählen Sie unter Aktuelle Gruppe die Option Dreamweaver Standard (standardmäßig ausgewählt, wenn Sie sie nicht geändert haben) oder eine andere bevorzugte Gruppe.
3. Klicken Sie auf die Schaltfläche Duplizieren auf der rechten Seite. (Sie können den Standardsatz nicht einfach bearbeiten.)
4. Benennen Sie das Set um. (zB "Dreamweaver for Emmet")
5. Gehen Sie im Fenster Befehle zu Insert > Tag…
6. Entfernen Sie Ctrl+E aus dem Fenster Shortcuts , indem Sie auf die Schaltfläche - klicken.
7. Klicken Sie auf OK .

Jetzt ist die Tastenkombination Strg + E > für den Emmet-Befehl Expand-Abkürzung verfügbar.

Falls gewünscht, können Sie auch die Verknüpfung für Abkürzung erweitern ändern:

Navigieren Sie im Bearbeitungsfenster der Tastaturkurzbefehle mit dem neu erstellten Satz zu Commands > Emmet > Expand Abbreviation . Drücken Sie die Tastenkombination, die Sie verwenden möchten.

Alternativ können Sie einen Schlüssel oder eine Tastenkombination in einen Texteditor eingeben (z. B. Tab oder Ctrl+E ), kopieren und dann in das Drücken Sie die Taste einfügen indem Sie mit der rechten Maustaste klicken und Einfügen auswählen. Wenn Sie versuchen, mit Strg + V einzufügen, wird Ctrl+V als Verknüpfung gespeichert.

es funktioniert für mich aber mit 'Strg + E' Tastenkombination.

Bitte gehen Sie zu Bearbeiten- & gt; Tastenkombinationen, Befehl = Menübefehle und gehen Sie zum Einfügen- & gt; -Tag Sie sollten diese Abkürzung beseitigen (mit einem Klick auf Minuszeichen).

jetzt, wenn Sie 'Strg + E' Emmet drücken arbeiten für Sie und HTML-Tag wird automatisch complete.

Ich benutze einen Mac und kann nicht das ganze Leben lang den Emmet-Ordner oder den Erweiterungsordner irgendwo finden.

Also habe ich mein eigenes erstellt und absolut ohne Erfolg mit ihnen verknüpft.

BEARBEITEN:

Sie haben es herausgefunden: In Dreamweaver auf dem Mac können Sie den Ordner angeben, den Sie erstellen möchten, und Ihre eigene preferences.json-Datei speichern.

E.G. In meinem Fall habe ich einen Ordner mit dem Namen "Erweiterungen" erstellt und ihn an folgendem Speicherort abgelegt: /Applications/Adobe Dreamweaver CS5/Configuration/extensions Mit diesem Ordner habe ich mein eigenes preferences.json erstellt und in Dreamweaver über das Menü Commands > Emmet > Emmet Preferences verknüpft. Emmet verwendet diese Dateien automatisch, um die Standardwerte zu überschreiben.

Der Inhalt dieser Datei lautet:

So erhalten Sie den Emmet-Befehl "Expand-Abkürzung" in Dreamweaver wie in anderen IDEs mit der Registerkarte "Tab":

1. schreibe das Wort "Tab" (keine Anführungszeichen) an einer beliebigen Stelle auf, wo du den Text in deine Zwischenablage kopieren kannst
2. Kopieren Sie den Text
3. gehe zu Bearbeiten & gt; Tastaturkürzel
4. Wenn Sie keine persönliche Voreinstellung haben, drücken Sie die Duplikat-Taste neben dem Voreinstellungsnamen und geben Sie den Namen für Ihre Voreinstellung ein
5. Wählen Sie in der Dropdown-Box "Commands" die Option "Document editing"
6. blättern Sie in der Befehlszeile bis zum Ende und wählen Sie "Abkürzung erweitern"
7. Klicken Sie mit der rechten Maustaste auf das Feld "Taste drücken" und wählen Sie "Einfügen", um das von Ihnen kopierte Wort "Tab" einzufügen (Hinweis: Drücken Sie keine Taste in diesem Feld oder Sie können Ihre Verknüpfungen durcheinander bringen , drücken Sie einfach Abbrechen und starten Sie ab Schritt 3)
8. klicken Sie auf die Schaltfläche "Ändern"
9. klicken Sie auf die Schaltfläche "OK"
10. sei glücklich;)

Ps .: Diese Konfiguration ermöglicht die Verwendung der Tabulatortaste zum Einrücken und Erweitern von Abkürzungen.

Ich habe Emmet auf Dreamweaver CS6 mit Windows7 installiert.

Der Pfad, den ich eingegeben habe, war:

C: \ Users \ Ihr Benutzername \ AppData \ Roaming \ Adobe \ Dreamweaver CS6 \ de_DE \ Configuration \ Commands \ Emmet

Im obigen Beispiel müssen Sie (Ihren Benutzernamen) eingeben

Sobald das getan wurde, musste ich die Abkürzung für Emmet erweitern Abkürzung von Strg + E zu Strg + Q

Nachdem das gemacht wurde, arbeitete emmet / Dreamweaver ähnlich wie emmet / Sublime text 2. Ich bevorzuge es immer noch, die Tabulatortaste zu verwenden, um die Abkürzung in Sublime zu erweitern, aber ich fand keine Möglichkeit, dies in Dreamweaver einzurichten.