shift+alt+f 对 js 代码无对齐效果，因 vs code 内置 javascript 格式化器仅处理缩进、换行和空格，不支持 =、:、=> 等符号的语义对齐，这是设计使然而非 bug。
为什么 Shift+Alt+F 对 JS 代码没对齐效果？
因为 VS Code 内置的 JavaScript 格式化器（TypeScript 语言服务）默认只处理缩进、换行和空格，不识别 =、:、=> 这类符号的语义对齐需求。它不会把 let name = 'Alice' 和 let isActive = true 的等号垂直排齐——这不是 bug，是设计如此。
常见错误现象：
– 按了 Shift+Alt+F 后，代码缩进变了，但变量声明还是歪的
– 右下角状态栏显示 JavaScript Language Features，而不是 Prettier 或其他格式化器名称
– 保存后依然没反应，editor.formatOnSave 明明开了却无效
- 先确认当前文件语言模式：点击右下角标识（如
Plain Text），手动选成JavaScript或TypeScript - 检查是否装了
esbenp.prettier-vscode插件（不是名字相似的“Prettier”或“Beautify”） - 打开命令面板（
Ctrl+Shift+P），输入Format Document With，看列表里有没有Prettier—— 没有就说明插件没生效
如何让 Prettier 真正对齐 JS 中的 = 和 :？
Prettier 本身不提供“按符号对齐”的自由定制，但它通过确定性输出间接实现结构对齐：比如对象字面量、函数参数、变量声明块，在 printWidth 和 tabWidth 约束下会自动折行并垂直对齐括号、冒号和等号。
关键不在插件开关，而在配置落地：
- 项目根目录必须有
.prettierrc或.prettierrc.json（不能是package.json里的prettier字段，除非启用prettier.resolveConfigPath） -
.prettierrc.json至少包含：{"semi": false, "singleQuote": true, "tabWidth": 2, "trailingComma": "es5"} - VS Code 设置中必须显式指定语言级默认格式化器：
"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"} - 别依赖 GUI 勾选
Format On Save，直接在settings.json里写"editor.formatOnSave": true，避免工作区设置覆盖
选中一段 JS 代码后 Ctrl+K Ctrl+F 失效怎么办？
这个快捷键本质是“格式化选中区域”，但它转发给的是当前语言绑定的 editor.defaultFormatter。如果没配好，就会静默失败，甚至弹出“没有可用格式化器”的提示。
典型失效场景：
- 选中了跨语法单元的内容（比如混着注释、模板字符串、JSX 表达式的多行）
- 文件末尾是
CRLF（Windows 风格换行），而 Prettier CLI 在某些 Node 版本下会拒绝处理 - 选中区域里有语法错误（如漏括号、错引号），Prettier 直接退出不格式化
实操建议：
- 先用
Ctrl+A全选 →Shift+Alt+F测试整文件是否生效，排除局部问题 - 右下角点
CRLF切成LF再试 - 临时禁用 ESLint 的保存时修复（
"editor.codeActionsOnSave": {"source.fixAll.eslint": false}），避免两个工具抢格式化权导致行为混乱
想对齐 JSX/TS 接口里的 ?: 或 => 怎么办？
这是 Prettier 不覆盖的场景。它不支持自定义对齐字符，也不处理 TypeScript 接口中的可选符 ?: 或箭头函数的 => 对齐——这些属于“视觉优化”，不是 AST 重写范畴。
此时得换工具：
- 装
Better Align插件（比Align更稳定，支持正则匹配） - 选中目标行（如接口定义块），按快捷键（默认未绑定，需在
keybindings.json里设extension.betterAlign） - 输入正则：
\?:(?=\s|$)对齐?:，或=>直接对齐箭头（注意转义） - 注意：该插件对
.vue文件的<script></script>块有效，但对<template></template>不起作用；.tsx中的 JSX 属性仍需靠 Prettier +jsxBracketSameLine控制换行位置
真正容易被忽略的是：Prettier 和 Better Align 是两类工具——前者管“语义一致”，后者管“视觉整齐”。混用时务必关掉 Prettier 的 formatOnSave，否则保存瞬间就把手动对齐冲掉了。
