Emmet: Abkürzung für selbstschließende Tags in jsx

Haben Sie hierfür eine Lösung gefunden? Im selben Boot.

Es erfordert einen benutzerdefinierten Resolver für JSX, damit Abkürzungen in Großbuchstaben in leere Tags aufgelöst werden können.

Roger. Das ist das Stichwort, nach dem ich gesucht habe. Habe einige Ihrer anderen Beiträge gefunden, in denen es darum geht, wie Sie einen erstellen können. Vielen Dank!

Die einfachste Lösung besteht darin, Standard-Shortcuts zu verwenden:

Component ---> ctrl+e oder tab ------> <Component></Component> ------> ctrl+shift+ ~ - --> <Component />

@deathmood kannst du das

ctrl+shift+ ~ hat hier keine Wirkung (mit Atom) und es gibt keinen eingebauten Befehl, der ein schließendes Tag-Paar in ein selbstschließendes umwandelt.

@brumm es ist eine split/join tag Aktion http://docs.emmet.io/actions/split-join-tag/ . Das wirkt erhaben.

Auf Sublime 3 für Mac ist der Standard-Hotkey für split/join tag Command + Shift + ' (einzelnes Anführungszeichen).

Dies ist jedoch bei mehreren Tags immer noch unpraktisch. Erweitern Sie beispielsweise TabBar>TabItem*10 , und ich möchte, dass <TabItem /> selbstschließend ist. Und jetzt muss ich den Cursor bewegen und den obigen Hotkey 10 Mal drücken. Es ist wahnsinnig.

In Atom kannst du Command + Shift + j

Ich verwende emmet zum Schreiben von JSX und es wäre wirklich cool, wenn emmet die Formulare durchlaufen lassen würde.
ZB wiederholtes Drücken von ctrl+e würde wie folgt durchlaufen:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

Ich denke, dies würde es auch sehr einfach machen, die Funktion zu erlernen / zu entdecken.

Ich bin mir nicht sicher, ob dies in das Emmet-Repo oder das Atom-Plugin-Repo gehört, ich habe dies in https://github.com/emmetio/emmet-atom/issues/408 gepostet

Was ist mit vscode ?? ctrl+e und ctrl+shift+ ~ funktionieren beide nicht

Webstorm hat dies bereits AppComponet/ TAB => <AppComponent />

Auch für VS-Code

hello-world/ TAB => <hello-world>
also muss ich / selbst schreiben, aber funktioniert :)

Für VSCode:
Suchen Sie in den Tastenkombinationen nach Split/Join. Sie sehen eine Emmet-Option. Sie können es auf jeden beliebigen Schlüssel einstellen.

Die kommende v2 unterstützt die elem/ Syntax zur Ausgabe von selbstschließenden Elementen

Auch für VS-Code

hello-world/ TAB => <hello-world>
also muss ich / selbst schreiben, aber funktioniert :)

Das funktioniert, super