webstorm 默认不支持一键对齐冒号或赋值号，需在设置中启用assignment statements和align properties选项，且仅对多行结构生效；单行语句、css-in-js及被prettier接管的文件不受影响。
WebStorm 本身没有“一键对齐冒号或赋值号”的独立快捷键，但可通过「格式化代码 + 自定义对齐规则」实现，且必须提前配置，否则 Ctrl + Alt + L 不会自动对齐 = 或 :。
为什么 Ctrl + Alt + L 默认不处理冒号/赋值号对齐
WebStorm 的格式化引擎（基于 IntelliJ 平台）默认只对缩进、空格、换行等基础结构生效，= 和 : 对齐属于「代码风格偏好」，需显式启用。未配置时，哪怕选中多行 key = value 或 prop: value，执行 Ctrl + Alt + L 也不会横向拉齐。
- JavaScript/TypeScript 中的
const a = 1, b = 2不会被对齐 - 对象字面量里的
name: 'foo', age: 25默认也不对齐 - 这和 Prettier 或 ESLint 的行为不同——WebStorm 不读取项目级配置做对齐决策，它只认自己 IDE 内的 Code Style 设置
如何开启 = 和 : 对齐（以 JavaScript 为例）
路径：Ctrl + Alt + S → Editor → Code Style → JavaScript → Wrapping and Braces 标签页
- 勾选
Align when multiline下的Assignment statements（影响=） - 勾选
Object literal braces下的Align properties（影响对象中的:） - 若用 TypeScript，需在
TypeScript子项中重复上述设置 - 注意：这些选项只对「多行结构」生效。单行语句如
let x = 1, y = 2;即使勾选也不会被拆开并对齐——这是设计如此，不是 bug
实际效果与常见陷阱
配置生效后，Ctrl + Alt + L 才真正具备对齐能力，但行为有明确边界：
- ✅ 对象多行写法会触发对齐：
const obj = {<br> name: 'Alice',<br> age: 30,<br> city: 'Beijing'<br>}; - ✅ 多行声明会触发对齐：
const a = 1,<br> b = 2,<br> c = 3;
- ❌ 单行逗号分隔的变量声明不会被拆开：
let x = 1, y = 2, z = 3;→ 保持原样 - ❌ CSS-in-JS 或模板字符串内的
:不受此控制（它们走的是其他语言注入规则） - ⚠️ 如果你用了 Prettier 插件并设为「on save format」，WebStorm 的本地对齐设置会被绕过——此时对齐逻辑完全由
.prettierrc决定
真正的难点不在快捷键，而在确认当前文件是否命中了正确的语言规则、是否被外部格式化工具接管、以及是否满足「多行」这个隐含前提。漏掉任一环，Ctrl + Alt + L 都只是“看起来没反应”。
