如何在 WebStorm 中的“{”和“}”之后/之前添加空格？答案

【问题标题】：How to add space after/before '{' and '}' in WebStorm?如何在 WebStorm 中的“{”和“}”之后/之前添加空格？
【发布时间】：2018-02-07 07:26:31
【问题描述】：

我对 JetBrains 产品有点熟悉，我知道我可以为我正在处理的文件设置样式。但是，我无法找到在哪里配置我的 .tsx 文件以查看我想要的样式。似乎，TypeScript 部分的更改不会更改我的 .tsx 文件。

如下图所示，我有 .tsx 文件，我希望在 { 之后、} 之前和 /> 之前有空间。但是，在我点击 command+option+L 后，我的所有空格都会被删除。

【问题讨论】：

1) IDE 版本？ 2）/> 之前的空格——可能由 HTML（甚至可能是 XML）中的“在空标签中”选项控制； 3) {} 之后/之前 -- 请参阅 Spaces 选项卡上的 Other | Within interpolation expressions TypeScript -- 可能是这样（抱歉，不能更准确，因为我不是 JavaScript 人）。
太棒了，我希望你能把你的评论作为答案。一切都很好。谢谢。

【解决方案1】：

关于网络风暴 2021.2 只需转到首选项 -> 编辑器 -> 代码样式 -> 打字稿

【讨论】：

【解决方案2】：

您需要 Preferences -> Editor -> Code style -> TypeScript 中的选项在插值表达式内（适用于 WS2017.2）：

【讨论】：

【解决方案3】：

转到Preferences -> Editor -> Code style -> TypeScript。虽然配置选项在那里，但它们不会具有您提到的所有首选项，但它们确实具有大括号内的空格等内容

【讨论】：

感谢您的帮助，我在TypeScript 部分的Spaces 选项卡中签入了Object litral type braces 和Object literal braces。但是，似乎这些并没有在我的文件中使用。这就是为什么我假设本节仅将规则应用于 .ts 文件而不是 .tsx 文件。
是的，我认为网络风暴可能就是这种情况。您是否尝试过切换扩展程序以查看效果？虽然如果你真的想使用.tsx，你可以在http://youtrack.jetbrains.com上申请你想要的功能