如何防止 VS Code 在自关闭 JSX 标签前添加空格？答案

【问题标题】：How to prevent VS Code from adding space before self-closing JSX tag?如何防止 VS Code 在自关闭 JSX 标签前添加空格？
【发布时间】：2019-05-22 02:27:20
【问题描述】：

这个问题我有一段时间了。我们有 ESlint，它禁止我们在自动关闭 JSX 标记之前添加空格，但是当我在 VS Code 中格式化 .jsx 文件时，它会插入它。如何禁用它？

有问题的截图：

谢谢！

【问题讨论】：

使用eslint-disable-next-line 还是只使用eslint-disable？
在我看来，禁用该行以绕过此警告并不是一个好建议，希望该规则存在是有原因的，否则将其从您的 linter 配置中删除。你用什么来格式化你的代码？只是代码或 Prettier 之类的东西？
@JanP 只是代码。我也可以用 eslint 命令解决这个问题，但我想默认使用 VS Code 来解决这个问题。
我假设您的设置中有 "javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false - 这是默认设置。

标签： reactjs visual-studio-code format jsx

【解决方案1】：

使用语言模式 javascriptreact，而不是 javascript

【讨论】：

【解决方案2】：

据我所知，javascript.format 选项中没有这样的格式化选项。但是您可以随时查看此类工作的扩展。

现在很多人都在使用Prettier，但它是固执己见的，不能保证它适用于你所有的 ESLint 选项。不过它有一个ESLint integrationn，所以也许你想看看这个。

你也可以看看react-beautify，它似乎有一个选项。但我不熟悉这个扩展。

【讨论】：