PhpStorm中.tsx文件对象属性缩进相关设置如何查找与调整

问题1：调整对象属性对齐的配置项 #

打开「设置 >> 编辑器 >> 代码风格 >> TypeScript」配置页：

• 切换到换行和大括号标签，找到「对象字面量」分组下的「对齐」选项，将默认的「多行时对齐」改为「不对齐」；如果需要保留「左括号距行首35字符以内对齐、超过则取消对齐」的规则，直接在同分组的「对齐阈值」输入框填入35即可。
• 额外切换到JSX标签，将「属性对齐」选项也调整为相同规则，避免TSX文件中JSX标签的属性出现同类过度对齐问题。

问题2：快速定位配置项的方法 #

JetBrains系IDE提供两种高效定位配置的方式：

• 直接在设置窗口顶部的全局搜索框输入规则关键词，比如搜索「对象对齐」「JSX 对齐」即可直接过滤出对应配置项，无需逐栏翻阅。
• 选中格式不符合预期的代码片段，右键选择「格式化 >> 调整格式规则」，IDE会直接跳转至控制该段代码格式的对应配置页，比悬停找小灯泡的准确率高很多。

问题3：可用的预设代码样式方案 #

不需要自定义整套规则，主流方案可以直接导入使用：

• 最常用的是Prettier/ESLint预设，IDE支持直接读取项目根目录下的.prettierrc、.eslintrc配置文件，自动同步格式化规则，也可以在代码风格设置页右上角点击「导入方案」手动导入对应配置。
• 也可以直接选用Airbnb、Standard等业界通用的代码规范预设，在代码风格设置页的「方案」下拉框中可以直接选择适配的预设，无需手动调整单条规则。
• 团队协作场景下直接使用项目统一的.editorconfig配置即可，IDE会自动读取生效，保证所有成员格式统一。

内容的提问来源于stack exchange，提问作者Zeth