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

How to find the name for indentation of object-attributes in .tsx-file in PhpStorm

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

...如果我将 window 放大一点,那么它更有意义:

但我还是想更改它,所以 valueonClick 没有完全靠右对齐。理想情况下,它会尝试将它们与左括号对齐(就像他们所做的那样),除非左括号从行首开始超过 35 个字符。或者类似的东西。


现在,我假设是 TypeScript 格式决定了 .tsx 文件的代码风格。但是当我打开设置时:编辑器 >> 代码风格 >> TypeScript 然后有无数的设置。

这让我想到了三个问题:

  1. 有谁知道我需要更改什么,以便对象属性不遵循左括号宽度?
  2. 我能以某种巧妙的方式找到我要查找的内容的名称吗?我尝试将鼠标悬停在巨大的 space 上,希望黄色的小灯泡能照亮我想要的东西。
  3. 是否有任何预设可以在某处找到?所以如果我不喜欢默认的,我不需要设计一个新的代码风格。

确保禁用以下选项:

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

注意:自上一版本以来,默认值可能已在某处更改,因为我看到了一些针对相同选项但语言不同(PHP 和 JavaScript)的问题。


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

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

  • 使用 Help | Find Action...(或 Search Everywhere 上的 Action 选项卡——它们曾经是不同的弹出窗口,但现在使用相同的弹出窗口)

  • 键入 adjust 文件管理器操作

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

  • 它会给你一个适用规则的弹出窗口(它是一个有限的集合:可能不会列出所有)。

    PHP 代码示例: