Emmet: Abréviation des balises à fermeture automatique en jsx

Créé le 6 déc. 2015 · 15Commentaires · Source: emmetio/emmet

Est-il possible de développer un mot en balise à fermeture automatique ? J'ai vu smth similaire ici https://github.com/smihica/emmet-mode#empty -tags ça devrait fonctionner comme

AppComponet/ -> <AppComponent />

mais cela ne fonctionne pas avec emmet.
Désolé de l'avoir écrit ici, mais je n'ai rien trouvé à ce sujet dans la documentation.

Voulez-vous soutenir ce problème ? Publiez une prime dessus ! Nous acceptons les primes via Bountysource .

Source

deathmood

👍19

Commentaire le plus utile

La solution la plus simple consiste à utiliser les raccourcis par défaut :

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

deathmood le 2 mars 2016

👍19 ❤2

Tous les 15 commentaires

Avez-vous trouvé une solution pour cela? Dans le même bateau.

jmk2142 le 3 févr. 2016

Il nécessite un résolveur personnalisé pour JSX afin que les abréviations en majuscules puissent être résolues en balises vides.

sergeche le 3 févr. 2016

Roger. C'est le mot clé que je cherchais. J'ai trouvé certains de vos autres articles sur la façon de s'y prendre pour en créer un. Merci!

jmk2142 le 3 févr. 2016

La solution la plus simple consiste à utiliser les raccourcis par défaut :

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

deathmood le 2 mars 2016

👍19 ❤2

@deathmood pouvez-vous nous en dire plus ?

ctrl+shift+ ~ n'a aucun effet ici (en utilisant atom) et il n'y a pas de commande intégrée qui transforme une paire de balises de fermeture en une paire de balises à fermeture automatique.

brumm le 4 juin 2016

@brumm c'est une action split/join tag http://docs.emmet.io/actions/split-join-tag/ . Cela fonctionne en sublime.

deathmood le 5 juin 2016

👍13

Sur Sublime 3 pour Mac, le raccourci clavier par défaut pour split/join tag est Command + Shift + ' (guillemet simple).

Cependant, cela reste gênant pour plusieurs balises. Par exemple, développez TabBar>TabItem*10 , et je veux que le <TabItem /> se ferme automatiquement. Et maintenant, je dois déplacer le curseur et appuyer 10 fois sur la touche de raccourci ci-dessus. C'est fou.

rockallite le 30 juin 2016

👍9

En atome tu peux faire Command + Shift + j

ignaciopicun le 28 août 2016

👍10

J'utilise emmet pour écrire JSX et ce serait vraiment cool si emmet laissait utiliser les formulaires.
Par exemple, frapper à plusieurs reprises ctrl+e provoquerait le cycle suivant :
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

Je pense que cela rendrait très simple l'apprentissage / la découverte de la fonctionnalité également.

Je ne sais pas si cela appartient au référentiel emmet ou au référentiel du plugin atom, j'ai posté ceci dans https://github.com/emmetio/emmet-atom/issues/408

mpolichette le 19 sept. 2016

👍15

Et le vscode ?? ctrl+e et ctrl+shift+ ~ ne fonctionnent pas tous les deux

eromoe le 14 sept. 2017

👍1

Webstorm a déjà ceci AppComponet/ TAB => <AppComponent />

dziamid le 5 oct. 2017

👍7

Pour VS Code aussi

hello-world/ TAB => <hello-world>
donc je dois écrire / par moi-même mais ça marche :)

IamManchanda le 29 avr. 2018

👍13 😕1

Pour le code VS :
Recherchez Split/Join dans les raccourcis clavier. Vous verrez une option Emmet. Vous pouvez le régler sur n'importe quelle touche que vous préférez.