我在我的React项目中使用airbnb ESLint扩展名，该扩展名迫使我格式化空标签/空标签，其间的空格为：<br />。
但是，WebStorm自动格式化（更漂亮）每次都会更改。我在WebStorm代码样式设置（File > Settings > Code Style中找不到JSX。
是否可以更改WebStorm的JSX格式设置？ .editorconfig文件可以提供帮助吗？
答案 0 :(得分：3)
WebStorm自己的JSX格式尊重HTML代码样式的首选项-特别是，要将自关闭的JSX标签格式化为<br />，您必须在中启用在空标签中设置|编辑器代码样式| HTML |其他，空格。
尽管如此，Prettier并未使用WebStorm代码首选项...据我所知（https://github.com/prettier/prettier/issues/1985），它曾经在格式化时的空标签中插入空格
答案 1 :(得分：2)
我找到了解决问题的方法。实际上，这只是HTML格式的事情，与JSX无关，这意味着Webstorm将使用HTML格式规则来相应地设置JSX的样式。
Files > Editor > Code Style > HTML在选项Spaces下，复选框In empty tag的样式将为空/空标签，如airbnb扩展所希望的那样。
有关进一步的样式规则，我将定义@@ AlesDostál建议的prettierrc.json。
答案 2 :(得分：1)
您可以将文件“ .prettierignore”添加到您的项目中。您可以设置“忽略所有文件”以禁用更漂亮。
但是更好的方法是使用Prettier作为格式化代码的主要工具。在文件“ .prettierrc.json”中，您可以设置自定义设置。