前端 - vscode 中，如何在自动格式化时，如何将标签变成自闭合标签？

Question

vscode 中，如何在自动格式化时，如何将标签变成自闭合标签？

如 <List></List> 变为 <List />
如 <List><Item /></List> 不发生变化，还是 <List><Item /></List>
如 <List><Item></Item></List> 变为 <List><Item /></List>

编辑器：VS Code
语言：React + TS + TSX
插件：Lint + Prettier
编译工具： Webpack（RsPack）

Answer 1

eslint config

{    ...    "rules": {        "react/self-closing-comp": "error"    }}

vscode settings

{    ...    "eslint.autoFixOnSave": true,    "eslint.run": "onSave"}

参考：StackOverflow