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

Question

我在React做了一些工作，并希望能够自动扩展我的自定义组件，这样我就不必手动添加<，/>和>。

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

它现在如何工作

import Items from '../components/Items'

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

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

<div>
  Items|
</div>

我正在寻找什么

<div>
  <Items>|</Items>
</div>

是否有扩展或设置我需要在某处切换以实现此目的？

---

编辑

好吧，经过一些更多的反应，我发现Emmet会扩展某些词而不是其他词？我的组件名称只是边缘情况还是我错过了什么？

Answer 1

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