必须将 editor.wrappingIndent 设为 "indent" 才能继承上一行真实缩进，而非默认的 "same"（仅复制首字符列号），并确保 editor.wordWrap 为 "on"；JSX/TSX 需单独配置 language-specific 设置。
editor.wrappingIndent设成"indent"才能继承真实缩进
VSCode 默认的软换行缩进是错的，不是你代码写得不对，而是 editor.wrappingIndent 默认值为 "same"——它只复制上一行第一个字符所在的列号，比如首字符在第3列，续行就顶到第3列，不管这行实际缩进了4个空格还是2个Tab。结果就是函数体里一换行，第二行突然“缩进变浅”，看着像格式崩了。
真正该用的是 "indent"：它会读取上一行的真实缩进量（空格数或Tab数），原样补到续行开头。对齐自然，嵌套结构不割裂。
-
"none"：完全不缩进，基本不用 -
"deepIndent"：额外再加一层缩进，适合长链式调用，但多数场景反而干扰阅读 - 改完必须执行
Ctrl+Shift+P → Developer: Reload Window，仅重启编辑器无效
JSX/TSX 属性折行错位？必须单独配[javascriptreact]和[typescriptreact]
即使全局设置了 "editor.wrappingIndent": "indent"，JSX 标签内属性（比如 className="..." onClick={...}）依然可能顶格换行。这是因为 VSCode 对不同语言模式使用独立配置，javascriptreact 和 typescriptreact 不继承全局设置。
打开 settings.json（Ctrl+Shift+P → Preferences: Open Settings (JSON)），加入以下片段：
{
"[javascriptreact]": {
"editor.wrappingIndent": "indent"
},
"[typescriptreact]": {
"editor.wrappingIndent": "indent"
}
}
- 别漏掉
[typescriptreact]：TS 写 React 时，[javascriptreact]配置完全不生效 - 检查工作区
.vscode/settings.json是否有更高优先级的重复定义，覆盖了你刚加的配置 - Prettier 等格式化扩展不控制软换行缩进，但如果它接管了
editor.wordWrap，可能间接禁用换行本身
editor.wordWrap没开，再怎么配wrappingIndent都没用
很多人改了 editor.wrappingIndent 却没效果，根本原因是 editor.wordWrap 没启用。软换行是显示层行为，必须先打开它，wrappingIndent 才有作用对象。
- 临时验证：按
Alt+Z（Win/Linux）或Option+Z（macOS），右下角状态栏会显示“换行” - 永久开启：在
settings.json加"editor.wordWrap": "on"；避免用"auto"（几乎不触发）或"inherit"（易被覆盖） - 注意 language-specific 覆盖：比如
.json文件默认是"editor.wordWrap": "off"，需单独配"[json]": { "editor.wordWrap": "on" }
缩进对齐 ≠ 代码格式化，别指望Prettier自动修这个
软换行缩进（editor.wrappingIndent）和保存时格式化（editor.formatOnSave、Prettier）是两套完全独立的机制。前者只影响长行在编辑器里的视觉续行位置，不插入真实换行符；后者会重写代码结构、调整括号、空格等。
- 复制粘贴、Git diff、文件保存内容，完全不受
wrappingIndent影响 - Prettier 的
printWidth控制的是“格式化时是否断行”，和编辑器软换行无关；它不会修正你看到的续行缩进 - 超长无空格字符串（如 base64）仍会被字符级硬切——这是浏览器渲染限制，不是配置能解决的
最容易被忽略的是 language-specific 配置的覆盖层级：哪怕你用户级设了 "on" 和 "indent"，只要当前文件的语言专属设置里写了 "off" 或 "same"，它就赢了。
