当我使用 prettier 和 ESLint 在 VSCode 上保存代码时如何设置自关闭？

Question

我使用 React 和 VSCode，我想在保存代码时设置自动关闭，但我不知道如何...

我想做的是

<Hello></Hello>

在我保存代码之后

<Hello />

我在哪里可以设置自动关闭？

谢谢你。

Answer 1

您需要启用相关规则并确保VSCode已集成以修复保存时的 lint 警告/错误。

1. 启用react/self-closing-comp规则：

// eslint config file (package.json / eslintrc / settings.json etc.)
{
  ...
  "rules": {
    "react/self-closing-comp": "error"
  }
}

2. 在settings.json以VSCode确保你得到启用自动修复（例如用vscode-eslint扩展，它可以是任何其他皮棉扩展相关）：

// settings.json @ VSCode
{ 
...
  "eslint.autoFixOnSave": true,
  "eslint.run": "onSave",
}

参考eslint-plugin for vscode进行集成。

请注意，eslint-config-airbnb默认情况下启用它（我建议使用任何配置）。