在自闭标签之前在自闭标签中添加空格

reactjs intellij-idea pycharm webstorm eslint

如何在基于 WebStorm/IntelliJ 的产品的自结束标签中的结束标签之前包含一个空格？

默认设置将 <ReactComp /> 变为 <ReactComp/>，这违反了常用 AirBNBs Javascript 样式指南中的规则之一 (jsx-space-before-closing)。

bryan kennedy

可能有点令人困惑，设置是在“HTML”代码样式下，而不是 IntelliJ 中的 JS 代码样式。

在 Preferences -> Editor -> Code Style -> HTML 中启用“In empty tag”设置。

当您进行显式重新格式化时，将添加空格。要确保在自动完成 React 组件时添加空格，请在 Preferences -> Editor -> Code Style -> XML -> Other 选项卡中选中相同的框。

2016-10-12 截图，IntelliJ IDEA 2016.2

https://i.stack.imgur.com/9ESoy.png

非常感谢您的帮助。它像魅力一样工作；-D

哇，这导致了无数小时的调试，谢谢！

这在进行显式重新格式化时对我有用，但在自动完成 jsx 标记时不起作用。即，当键入时显示自动完成框并且我按回车键时，它仍然显示 jsx 标记，而 / 之前没有空格

@Ruben 在 XML 中添加相同的内容

.editorconfig 是否有这样的选项，以便我可以将其传播给团队？

Vsevolod Golovanov

.editorconfig 方式。

[**]
ij_html_space_inside_empty_tag = true

https://i.stack.imgur.com/MTXR4.png