Javascript 使用VS代码清除React文件中的格式

因此，我很好奇如何快速更正.jsx文件中代码的格式。已经尝试了一些扩展，如美化反应、美化等等，但它们在vs代码中似乎不太正常

我看到的是：

你可以看到我的缩进线被弄乱了。我相信这是来自团队中使用其他编辑器的开发人员，他们的间距设置不同

---

那么，有没有一种方法可以保持这一点的整洁，或者在其中添加一些automagic呢？

对于my.jsx和.js来说，最适合的方法是

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

npm安装-保存开发-保存精确的prettier

如果您想让prettier监视更改，可以在package.json中添加以下内容

有关更多详细信息，请参见“其他”

如果定义了样式规则，则可以通过-fix命令行参数自动修复文件。它有一套相当丰富的规则可以通过插件使用。还有标准化配置，如。这将帮助您格式化和实施其他最佳实践

---

.

Visual Studio 2017为.jsx文件提供了良好的格式设置选项。使它们难以格式化的是，它们将标记与JavaScript相结合。我不确定VS代码是否具有此功能，但您可以使用此键盘快捷键来清理.jsx文件的格式

Ctrl+K+D

---

它还将清理json的格式设置等。我认为这是Visual Studio的第一个版本，它为.jsx提供了这种级别的格式设置。

您使用哪种文本编辑器？

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