Emmet: Abreviação de tags de fechamento automático em jsx

Criado em 6 dez. 2015 · 15Comentários · Fonte: emmetio/emmet

É possível expandir uma palavra em uma tag de fechamento automático? Eu vi um smth semelhante aqui https://github.com/smihica/emmet-mode#empty -tags que deve funcionar como

AppComponet/ -> <AppComponent />

mas isso não funciona com emmet.
Desculpe por escrever aqui, mas não consegui encontrar nada sobre isso na documentação.

Quer apoiar este problema? Publique uma recompensa por isso! Aceitamos recompensas via Bountysource .

Fonte

deathmood

👍19

Comentários muito úteis

A solução mais simples é usar atalhos padrão:

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

deathmood em 2 mar. 2016

👍19 ❤2

Todos 15 comentários

Você encontrou uma solução para isso? No mesmo barco.

jmk2142 em 3 fev. 2016

Ele requer um resolvedor customizado para JSX para que abreviações em maiúsculas possam ser resolvidas em tags vazias.

sergeche em 3 fev. 2016

Roger. Essa é a palavra-chave que eu procurava. Encontrei alguns de seus outros posts sobre como construir um. Obrigado!

jmk2142 em 3 fev. 2016

A solução mais simples é usar atalhos padrão:

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

deathmood em 2 mar. 2016

👍19 ❤2

@deathmood você poderia explicar melhor sobre isso?

ctrl+shift+ ~ não tem efeito aqui (usando atom) e não há comando embutido que transforma um par de tags de fechamento em um de fechamento automático.

brumm em 4 jun. 2016

@brumm é uma ação split/join tag http://docs.emmet.io/actions/split-join-tag/ . Isso funciona no sublime.

deathmood em 5 jun. 2016

👍13

No Sublime 3 para Mac, a tecla de atalho padrão para split/join tag é Command + Shift + ' (aspas simples).

No entanto, isso ainda é inconveniente para várias tags. Por exemplo, expanda TabBar>TabItem*10 e quero que <TabItem /> feche automaticamente. E agora tenho que mover o cursor e pressionar a tecla de atalho acima

rockallite em 30 jun. 2016

👍9

No átomo, você pode fazer Command + Shift + j

ignaciopicun em 28 ago. 2016

👍10

Eu uso o emmet para escrever JSX e seria muito legal se o emmet deixasse o uso circular pelos formulários.
Por exemplo, acertar ctrl+e repetidamente mudaria o ciclo da seguinte forma:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

Acho que isso também tornaria muito simples aprender / descobrir o recurso.

Não tenho certeza se isso pertence ao repositório emmet ou ao repositório de plug-ins Atom. Postei isso em https://github.com/emmetio/emmet-atom/issues/408

mpolichette em 19 set. 2016

👍15

E quanto ao vscode ?? ctrl+e e ctrl+shift+ ~ não funcionam

eromoe em 14 set. 2017

👍1

Webstorm já tem AppComponet/ TAB => <AppComponent />

dziamid em 5 out. 2017

👍7

Para código VS também

hello-world/ TAB => <hello-world>
então eu tenho que escrever / sozinho, mas funciona :)

IamManchanda em 29 abr. 2018

👍13 😕1

Para VSCode:
Pesquise dividir / juntar em atalhos de teclado. Você verá uma opção de Emmet. Você pode configurá-lo com qualquer tecla de sua preferência.