vscode如何快速把jsx元素转换成简写？

Question

之前安装了vscode插件，敲<LoginScreen可以自动补全如下
<LoginScreen></LoginScreen>
并且光标停留在中间的位置，等待输入子元素，这点很好

但是如果没有子元素，此时想快速把当前这行代表变成
<LoginScreen/>
并且光标停留到标签内部书写props

有没有快捷键可以实现，不需要手动删除后面的内容，再挪动光标的

Answer 1

你应该是安装了类似 auto close tag 这样的插件，这个插件只提供了允许标签自闭合的功能：enableAutoCloseSelfClosingTag，没法把 <div>$1</div> 改成 <div $1 /> 这种。

不过简单的，假设 <LoginScreen></LoginScreen> 是自动生成的，要实现你的功能，可以直接撤销一步操作，输入 /，直接实现自闭合。但是移动到相关位置还需手动移动下。

可以考虑实现一个小插件，实现这个功能。开启功能：就是一个快捷键，不过感觉还不如上面来得快。