Emmet: Abreviatura de etiquetas de cierre automático en jsx

Creado en 6 dic. 2015 · 15Comentarios · Fuente: emmetio/emmet

¿Es posible expandir una palabra en una etiqueta de cierre automático? Vi algo similar aquí https://github.com/smihica/emmet-mode#empty -tags debería funcionar como

AppComponet/ -> <AppComponent />

pero eso no funciona con emmet.
Perdón por escribirlo aquí, pero no pude encontrar nada sobre esto en la documentación.

¿Quiere respaldar este problema? ¡Publique una recompensa por él! Aceptamos recompensas a través de Bountysource .

Fuente

deathmood

👍19

Comentario más útil

La solución más sencilla es utilizar atajos predeterminados:

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

deathmood en 2 mar. 2016

👍19 ❤2

Todos 15 comentarios

¿Encontraste una solución para esto? En el mismo barco.

jmk2142 en 3 feb. 2016

Requiere un solucionador personalizado para JSX, por lo que las abreviaturas en mayúsculas se pueden resolver en etiquetas vacías.

sergeche en 3 feb. 2016

Roger. Esa es la palabra clave que estaba buscando. Encontré algunas de tus otras publicaciones sobre cómo construir una. ¡Gracias!

jmk2142 en 3 feb. 2016

La solución más sencilla es utilizar atajos predeterminados:

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

deathmood en 2 mar. 2016

👍19 ❤2

@deathmood, ¿ podrías dar más detalles sobre esto?

ctrl+shift+ ~ no tiene ningún efecto aquí (usando atom) y no hay un comando incorporado que convierta un par de etiquetas de cierre en uno de cierre automático.

brumm en 4 jun. 2016

@brumm es una acción split/join tag http://docs.emmet.io/actions/split-join-tag/ . Eso funciona en sublime.

deathmood en 5 jun. 2016

👍13

En Sublime 3 para Mac, la tecla de acceso rápido predeterminada para split/join tag es Command + Shift + ' (comillas simples).

Sin embargo, sigue siendo un inconveniente para varias etiquetas. Por ejemplo, expanda TabBar>TabItem*10 , y quiero que <TabItem /> se cierre automáticamente. Y ahora tengo que mover el cursor y presionar la tecla de acceso rápido de arriba

rockallite en 30 jun. 2016

👍9

En atom puedes hacer Command + Shift + j

ignaciopicun en 28 ago. 2016

👍10

Utilizo emmet para escribir JSX y sería genial si emmet permitiera usar el ciclo a través de los formularios.
Por ejemplo, presionar repetidamente ctrl+e haría un ciclo como tal:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

Creo que esto hará que sea realmente sencillo aprender / descubrir la función también.

No estoy seguro de si esto pertenece al repositorio de emmet o al repositorio de plugins de atom, lo publiqué en https://github.com/emmetio/emmet-atom/issues/408