Как при развертывании компоненты из emmet делать самозакрывающийся тег а не?

Question

[godsplane]

Допустим я ввожу:

нажимаю таб:

А я хочу:
<Footer />

Answer 1

[Вадим]

В JSX это поддерживается. Так и пишите - Footer/ + tab


Для простого HTML Emmet такое не поддерживает, насколько мне известно. Разворачивает просто в <Footer>. Возможно, этот конфиг решает вопрос и для HTML.
Есть команда split/join tag меняет тэг с парного на одиночный. Можно назначить хоткей на это дело. И тогда после разворачивания в парный тэг - хоткеем преобразовывать в одиночный.

Comments

[godsplane]

Так работает если писать имя компонента полностью, но если я хочу выбирать его из предложенных?

[Вадим]

godsplane, На счёт Emmet не знаю. Видимо, через вариант для HTML через split/join команду.
Но так может форматировать ESLint, вот, например, нагуглился плагин для реакта - https://github.com/jsx-eslint/eslint-plugin-react/...

[godsplane]

Вадим, окей, попробую спасибо
Подскажите. а у вас при развертывании компонент сам импортируется автоматически?

[Вадим]

godsplane, уже давно не пишу на реакте, нет под рукой проекта чтоб проверить, но насколько я знаю это по умолчанию не поддерживается. Нужно настраивать.
На текущем проекте на vue2 и ts - импортируется автоматически.
Одна из проблем которую надо решить - чтоб вс код справился с резолвлм путей, особенно если используются алиасы.

[godsplane]

Вадим, резолвы путей + эммет + авто импорт как то не хотят работать вместе)