vscode怎么保存的时候格式化换行

vs code 保存时自动格式化换行不生效，首要确认 editor.formatonsave 是否开启；换行行为由 prettier 等格式化器及其配置（如 printwidth、endofline）决定，非 vs code 自身控制；需避免多格式化器冲突，并检查项目级配置覆盖。

VS Code 保存时自动格式化换行不生效？先看 editor.formatOnSave 是否真开启

很多人以为开了“格式化”就等于换行自动调整，其实不是。VS Code 的保存格式化（editor.formatOnSave）默认是 关闭 的，即使你装了 Prettier 或 ESLint 插件，它也不会自动触发——除非手动打开这个开关。

实操建议：

• 打开设置（Ctrl+, 或 Cmd+,），搜 format on save，勾选 Editor: Format On Save
• 在 settings.json 中确认有这一行："editor.formatOnSave": true
• 如果只对某类文件启用（比如只对 .js 文件），要用 [javascript] 语言专属配置，否则全局设置可能被覆盖

换行风格由格式化工具决定，不是 VS Code 自己管

VS Code 本身不决定换行是 n 还是 rn，也不决定对象属性要不要换行、函数参数要不要折行——这些全看当前文件用的是哪个格式化器（prettier、eslint --fix、typescript-eslint 等），以及它的配置。

常见错误现象：

• 保存后缩进变了，但换行没动 → 格式化器没配 printWidth 或 semi 类规则
• JSX 里长属性还是挤在一行 → prettier 的 printWidth 设得太大（默认 80），或没启用 jsxBracketSameLine（已废弃，新版用 bracketSameLine）
• 保存后换行符变成 rn（windows 风格），但团队用 n → 要检查 files.eol 设置和格式化器是否强制覆盖了换行符

关键参数示例（以 prettier 为例）：

"prettier.printWidth": 80, "prettier.tabWidth": 2, "prettier.bracketSameLine": true, "prettier.endOfLine": "lf"

多个格式化器冲突时，VS Code 不知道该听谁的

如果你同时装了 Prettier 和 ESLint，又都设成保存时运行，VS Code 可能只执行其中一个，或者顺序错乱，导致换行被反复改写甚至报错 Cannot find module 'prettier'。

实操建议：

• 用 editor.defaultFormatter 显式指定每种语言的主力格式化器，例如："[javascript]": "esbenp.prettier-vscode"
• 关掉另一个的保存钩子：比如让 ESLint 只做校验（eslint.enable 开，eslint.run 设为 onType），不参与保存格式化
• 检查右下角状态栏的语言模式图标旁有没有「格式化器」提示，点开确认当前生效的是哪个

换行相关配置容易被工作区或项目级配置覆盖

用户级 settings.json 开了 formatOnSave，但项目根目录有 .prettierrc 或 .editorconfig，就可能让换行行为和预期不符——尤其是 .editorconfig 里的 end_of_line=lf 和 Prettier 的 endOfLine 冲突时，VS Code 会优先读 .editorconfig，但 Prettier 可能无视它。

排查要点：

• 打开命令面板（Ctrl+Shift+P），运行 Developer: Toggle Developer Tools，看控制台有没有格式化器加载失败或配置冲突警告
• 在文件中右键 → Format Document With... → 看列出的选项里哪个打钩，点进去看它实际加载的是哪份配置
• 临时删掉项目里的 .prettierrc 或 .editorconfig，测试是否恢复预期换行行为

最常被忽略的一点：格式化器的配置文件（比如 prettier.config.js）里如果导出了函数，而 VS Code 启动时没加载成功，就会退回到默认值——这时候你以为配了 printWidth: 60，实际生效的是 80。