我在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会扩展某些词而不是其他词?我的组件名称只是边缘情况还是我错过了什么?
使用Auto Close Tag扩展名。当您在前面输入开始标记时,它会立即添加结束标记。