intellij-idea - 如何在 PhpStorm 的 .tsx 文件中查找对象属性的缩进名称

Question

我正在编辑一个.tsx-file 并且正在处理这个疯狂的文件格式：

...如果我将窗口放大一点，那就更有意义了：

但我仍然想改变它，所以value并onClick没有一直向右对齐。理想情况下，它会尝试将它们与左括号对齐（就像他们所做的那样），除非左括号从行开始超过 35 个字符。或类似的东西。

---

现在，我假设是 TypeScript 格式决定了.tsx-file 的代码样式。但是当我打开设置时：编辑器 >> 代码样式 >> TypeScript 然后有 BAZILLIONS 设置。

这让我想到了三个问题：

1. 有谁知道我需要改变什么，所以对象属性不遵循左括号宽度？
2. 我能以某种聪明的方式找到我正在寻找的东西的名称吗？我试着在广阔的空间上空盘旋，希望那个黄色的小灯泡能照亮我想要的东西。
3. 是否有任何预设，可以在某处找到？因此，如果我不喜欢默认设置，我不需要设计新的代码样式。

标签： intellij-ideaphpstorm

Answer 1

确保禁用以下选项：

• Settings (Preferences on macOS)
• Editor | Code Style | TypeScript | Wrapping and Braces
• Function call arguments: Align when multiline

注意：自上一个版本以来，默认值可能已在某处更改，因为我看到了一些关于相同选项但不同语言（PHP 和 JavaScript）的问题。

---

提示 1：您是否知道可以将自己的代码粘贴到预览区域并开始更改选项以查看它们将如何影响它？它有助于找到正确的选择。

提示 2：有一个特殊的弹出窗口显示应用于代码的格式规则。它没有显示所有可能的选项，但可以提示您要查找的内容。要调用它：

• 使用Help | Find Action...（或ActionSearch Everywhere 上的选项卡——它们曾经是不同的弹出窗口，但现在使用相同的弹出窗口）

• 键入adjust以提交操作

• 选择并调用“调整代码样式设置”操作

  

• 它会给你一个带有适用规则的弹出窗口（这是一个有限的集合：可能不会列出所有）。

  PHP代码示例：