javascript - 使用 VS Code 清除 React 文件中的格式

Question

所以我很好奇如何快速更正 .jsx 文件中代码的格式。已经尝试了一些扩展，例如 beautify react、prettify 等....，但它们在 vs code 中似乎工作不正常。

我看到的是这样的:

您可以看到我的缩进线哪里乱七八糟。我相信这是来自使用其他间距设置不同的编辑器的团队开发人员。

那么有没有办法保持它的清洁，并可能为其添加一些自动魔法？

Answer 1

非常适合我的 .jsx 和 .js 的是 Prettier

您可以将其安装为项目依赖项:

npm install --save-dev --save-exact prettier

如果你想让 prettier 观察变化，你可以将以下内容添加到你的 package.json

  "scripts": {
    "prettier-watch": "onchange '**/*.js' -- prettier --write {{changed}}"
  }

VS prettier Configuration

可以看到其他Prettier editor configuration了解更多详情