Emmet: Аббревиатура для самозакрывающихся тегов в jsx

Созданный на 6 дек. 2015 · 15Комментарии · Источник: emmetio/emmet

Можно ли превратить слово в самозакрывающийся тег? Я видел что-то похожее здесь https://github.com/smihica/emmet-mode#empty -tags, он должен работать как

AppComponet/ -> <AppComponent />

но с Эмметом это не работает.
Извините за то, что написал это здесь, но я не смог найти ничего об этом в документации.

Хотите поддержать этот выпуск? Разместите на нем награду! Мы принимаем награды через Bountysource .

Источник

deathmood

👍19

Самый полезный комментарий

Самое простое решение - использовать ярлыки по умолчанию:

Component ---> ctrl+e или tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

deathmood 2 мар. 2016

👍19 ❤2

Все 15 Комментарий

Вы нашли для этого решение? В одной лодке.

jmk2142 3 февр. 2016

Для этого требуется настраиваемый преобразователь для JSX, поэтому аббревиатуры в верхнем регистре могут быть преобразованы в пустые теги.

sergeche 3 февр. 2016

Роджер. Это ключевое слово, которое я искал. Нашел некоторые из ваших других сообщений о том, как приступить к его созданию. Спасибо!

jmk2142 3 февр. 2016

Самое простое решение - использовать ярлыки по умолчанию:

Component ---> ctrl+e или tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

deathmood 2 мар. 2016

👍19 ❤2

@deathmood не могли бы вы рассказать об этом

ctrl+shift+ ~ здесь не действует (с использованием атома), и нет встроенной команды, которая превращает пару закрывающих тегов в самозакрывающуюся.

brumm 4 июн. 2016

@brumm это действие split/join tag http://docs.emmet.io/actions/split-join-tag/ . Это прекрасно работает.

deathmood 5 июн. 2016

👍13

В Sublime 3 для Mac горячая клавиша по умолчанию для split/join tag - Command + Shift + ' (одинарная кавычка).

Однако для нескольких тегов это по-прежнему неудобно. Например, разверните TabBar>TabItem*10 , и я хочу, чтобы <TabItem /> закрывались автоматически. И теперь мне нужно переместить курсор и нажать указанную выше горячую клавишу 10 раз . Это безумие.

rockallite 30 июн. 2016

👍9

В атоме вы можете сделать Command + Shift + j

ignaciopicun 28 авг. 2016

👍10

Я использую emmet для написания JSX, и было бы здорово, если бы emmet позволял циклически перемещаться по формам.
EG при многократном нажатии ctrl+e будет циклически повторяться:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

Я думаю, это также упростило бы изучение / открытие этой функции.

Я не уверен, принадлежит ли это репо emmet или репо плагина атома, я разместил это в https://github.com/emmetio/emmet-atom/issues/408

mpolichette 19 сент. 2016

👍15

Что насчет vscode ?? ctrl+e и ctrl+shift+ ~ оба не работают

eromoe 14 сент. 2017

👍1

Webstorm уже имеет это AppComponet/ TAB => <AppComponent />

dziamid 5 окт. 2017

👍7

Для VS Code также

hello-world/ TAB => <hello-world>
так что я должен написать / сам, но работает :)

IamManchanda 29 апр. 2018

👍13 😕1

Для VSCode:
Найдите разделение / соединение в горячих клавишах. Вы увидите вариант Эммета. Вы можете установить его на любую клавишу по своему усмотрению.