如何在 Visual Studio Code 中格式化 React 代码？

Question

在 VSCode 中自动格式化 React 代码时会出错。我正在使用 Prettier 扩展。那么为此设置的最佳代码格式是什么？

Answer 1

最后，我找到了一种方法来做到这一点。在 vscode 设置中，我必须将默认格式更改为更漂亮。

除了项目之外，还需要创建一个具有适合项目配置的 .prettierrc 文件。

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true
}

如果您不需要它，您始终可以启用在没有 .prettierrc 文件的情况下格式化代码。