在自闭合标签中的"/"前添加空格

Question

如何在WebStorm/IntelliJ-based产品中的自封闭标签的结束标签前包含空格？

默认设置会将<ReactComp />转换为<ReactComp/>，这违反了常用AirBNB Javascript风格指南中的一个规则（jsx-space-before-closing）。

- Poyan

Answer 1

在IntelliJ中，该设置位于“HTML”代码风格下而不是JS代码风格下。

在首选项->编辑器->代码样式->HTML中启用“空标记中”的设置。

当您执行显式格式化时，空格将被添加。为了确保在自动完成React组件时添加空格，请在首选项->编辑器->代码样式->XML->其他选项卡中勾选相同的框。

来自2016-10-12的屏幕截图，IntelliJ IDEA 2016.2

- Poyan

---

非常感谢您的帮助。它像魔法一样工作着 ;-D - Gerardo Navarro Suarez

哇，这导致了无数个小时的调试，谢谢！ - Ben Cummins

这对我进行显式重格式化时有效，但在自动完成JSX标签时无效。也就是说，当在输入时出现自动完成框并按Enter键时，它仍然显示没有斜杠前的空格的JSX标签。 - Ruben

@Ruben，将相同内容添加到XML文件中。 - Patrickkx

有没有像.editorconfig 这样的选项，可以让我把这个传播给团队呢？ - Viktor Sulak

Answer 2

.editorconfig 的方式。

[**]
ij_html_space_inside_empty_tag = true

以下是寻找任何选项名称的方法。同样的IDEA代码风格页面上有一个齿轮按钮，里面有一个导出到.editorconfig的选项： 但是这将导出所有选项，对我来说是一个1070行的文件。所以您需要先导出到cfg1，然后通过UI更改所需的设置，再导出到cfg2，最后比较两个配置文件以查找更改的那个选项。

- Vsevolod Golovanov