VSCode自动折行缩进不齐的根本原因是editor.wrappingIndent默认值为"same"，仅复制首字符位置而非实际缩进；设为"indent"可继承上行缩进量，JSX/TSX需在settings.json中为[javascriptreact]和[typescriptreact]单独配置，且须确保editor.wordWrap为"on"或"bounded"。
VSCode 自动折行后缩进不齐，根本原因是 editor.wrappingIndent 默认值不对
VSCode 默认开启软换行（editor.wordWrap: "on"），但续行缩进用的是 "same" 模式——它只复制上一行的首字符位置，不考虑实际缩进层级。结果就是：函数体内折行后，第二行顶格或只空一两个空格，看着像 bug。
-
editor.wrappingIndent控制续行缩进方式，可选值："none"、"same"、"indent"、"deepIndent" - 日常写代码最合理的是
"indent"：续行会继承上一行的**实际缩进量**（比如 4 空格就补 4 空格） -
"deepIndent"更激进，会额外加一层缩进（适合长字符串或链式调用，但多数场景多余） - 改完要重启编辑器或重载窗口（
Ctrl+Shift+P→Developer: Reload Window）才生效
如何让 JSX/TSX 中的属性折行也对齐缩进
默认设置下，JSX 标签内属性一多就折行错位，因为 VSCode 的 editor.wrappingIndent 不感知语法结构。必须配合语言专属配置，否则 "indent" 也救不了。
- 在
settings.json中为javascriptreact和typescriptreact单独设editor.wrappingIndent - 示例配置片段：
{
"[javascriptreact]": {
"editor.wrappingIndent": "indent"
},
"[typescriptreact]": {
"editor.wrappingIndent": "indent"
}
}
- 别漏掉
typescriptreact—— 用 TS 写 React 时，javascriptreact配置不生效 - 如果用了 Prettier，确保它没覆盖
editor.wordWrap或editor.wrappingIndent（Prettier 不管折行缩进）
为什么改了 editor.wrappingIndent 还是不对齐？检查这三处
常见“改了没用”不是配置无效，而是被更高优先级设置覆盖，或触发条件不满足。
- 工作区设置（
.vscode/settings.json）会覆盖用户设置，先搜一下有没有重复定义 -
editor.wordWrap必须是"on"或"bounded"，设成"off"就根本不折行，缩进无从谈起 - 某些主题或插件（如 Bracket Pair Colorizer 旧版）会干扰渲染，临时禁用插件验证是否冲突
终端里打开的 VSCode（如 code .）可能忽略全局缩进设置
用命令行启动时，VSCode 有时读不到 GUI 启动时加载的用户设置，尤其 macOS 上通过 shell 命令调用更明显。
- 确认当前窗口用的是哪个配置文件：打开命令面板（
Ctrl+Shift+P），输Preferences: Open Settings (JSON)，看顶部路径是不是user settings - 如果显示的是
Workspace settings，手动把editor.wrappingIndent复制进去 - 或者干脆在用户设置里加一层兜底：
{
"editor.wrappingIndent": "indent",
"editor.wordWrap": "on",
"editor.wordWrapColumn": 120
}
复杂点在于：不同语言、不同项目、不同打开方式，缩进行为可能不一致。最稳的办法是，在用户设置里统一设 "indent"，再按需在工作区里微调——而不是指望一个设置打遍天下。
