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

Question

如何在基于 WebStorm/IntelliJ 的产品的自结束标签中的结束标签之前添加空格？

默认设置将

<ReactComp />

变为

<ReactComp/>

，这违反了常用 AirBNB Javascript 样式指南中的规则之一 (jsx-space-before- opening)。

Answer 1

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

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

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

2016年10月12日截图，IntelliJ IDEA 2016.2

Answer 2

.editorconfig 方式。

[**]
ij_html_space_inside_empty_tag = true

以下是查找任何选项名称的方法。相同的 IDEA 代码样式页面有一个齿轮按钮，其中包含导出到 .editorconfig 的选项： 但这会导出所有选项，在我的例子中这是一个 1070 行的文件。因此，您导出一次到 cfg1，通过 UI 更改所需的设置，再次导出到 cfg2，然后比较两个配置以找到更改的选项。

Answer 3

对于 Rider 和 C# 项目，将此行添加到

.editorconfig

文件：

[*.csproj]
ij_xml_space_inside_empty_tag = true