自动将标签添加到VSCode中的React组件

Question

我正在React中做一些工作，并且希望能够自动扩展自定义组件，这样我就不必继续手动添加<，/>和{{1 }}。

由于Emmet已经扩展了传统标记（>，div等），所以我想知道是否可以通过一些插件/设置来扩展自己的组件。 h1字符代表我的光标。

现在如何工作

|

我看到了建议，请按[Tab]，它会扩展到此

import Items from '../components/Items'

...
render() {
  return (
    <div>
     Ite| [Suggestions: Item] 
    </div>
  )
}
...

我在寻找什么

<div>
  Items|
</div>

我是否需要在某个地方进行切换才能实现此扩展名或设置？

---

编辑

好吧，在进行了更多的反应之后，我发现Emmet会扩展某些单词，但不会扩展其他单词吗？我的组件名称仅仅是小写字母还是我缺少什么？

Answer 1

使用Auto Close Tag扩展名。当您在前面键入开始标签时，它将立即添加结束标签。