Я делаю некоторую работу в React и хочу иметь возможность автоматического расширения моих пользовательских компонентов, чтобы мне не приходилось вручную добавлять <, /> и >.
Поскольку Emmet уже расширяет традиционную разметку (div, h1 и т. Д.), Мне было интересно, смогу ли я расширить свои собственные компоненты с помощью некоторого плагина / настроек.Символ | представляет мой курсор.
Как это работает сейчас
import Items from '../components/Items'
...
render() {
return (
<div>
Ite| [Suggestions: Item]
</div>
)
}
...
Я вижу предложение, нажимаю [Tab], и оно расширяется до этого
<div>
Items|
</div>
Что я ищу
<div>
<Items>|</Items>
</div>
Есть ли расширение или настройка, которые мне нужно где-то переключить, чтобы добиться этого?
РЕДАКТИРОВАТЬ
Хорошо, после некоторой работы с реагировать, я обнаружил, что Эммет расширит некоторые слова, но не другие?Названия моих компонентов - просто крайние случаи, или я что-то упустил?
