因此,我很好奇如何快速纠正.jsx文件中代码的格式。尝试了一些扩展,例如美化反应,美化等等...,但是它们似乎在vs代码中不能正常工作。

我看到的是:

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

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

那么,有没有一种方法可以保持这种状态清洁,甚至可以为其添加一些自动功能?

最佳答案

最适合我.jsx.js的那个是Prettier

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

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

如果您想更漂亮地监视更改,可以将以下内容添加到package.json

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


VS prettier Configuration

您可以查看其他Prettier editor configuration了解更多详细信息

09-29 20:49