VSCode设置自动保存后怎么代码对齐？格式化联动配置教程-VSCode-PHP中文网

vscode自动保存后代码不自动对齐，是因为files.autosave仅控制写盘，对齐需editor.formatonsave触发且依赖对应语言的editor.defaultformatter配置、格式化插件安装启用及语言模式匹配，三者缺一不可。

vscode设置自动保存后怎么代码对齐？格式化联动配置教程

VSCode 设置自动保存后，代码不会自动对齐——必须显式启用格式化联动，且三者缺一不可：files.autoSave、editor.formatOnSave、对应语言的 editor.defaultFormatter。

为什么开了 autoSave 还是没对齐？

因为 files.autoSave 只负责“把内存内容写进磁盘”，它不管代码长什么样。对齐（即格式化）是另一个独立动作，由 editor.formatOnSave 触发，但该动作能否执行，取决于：

editor.formatOnSave 是否为 true（全局或语言级设置都得检查）
当前文件的语言模式是否已配 editor.defaultFormatter，例如 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }
对应格式化插件（如 esbenp.prettier-vscode）是否已安装并启用
右下角状态栏显示的语言名（如 “JavaScript”）是否与配置块匹配——点它可快速进入“Configure Default Formatter”交互流程

如何配对生效：autoSave + formatOnSave + defaultFormatter

三者必须同时到位，顺序无关，但漏一个就静默失败。推荐在工作区 .vscode/settings.json 中统一配置（避免被用户级设置覆盖）：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

{
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

files.autoSave 设为 afterDelay 比 onFocusChange 更稳，配合 files.autoSaveDelay 防止高频小改反复刷盘
不要只写全局 "editor.defaultFormatter"——它对 Python、Go 等语言会失效甚至报错，必须用语言块语法
远程开发（WSL/Dev Container）中，files.autoSave 可能被代理扩展拦截，需查该扩展文档是否声明限制

Prettier 对齐不生效？检查 .prettierrc.json 和缩进一致性

Prettier 的实际对齐效果，还受项目级配置和 VSCode 编辑器设置双重影响：

.prettierrc.json 必须放在项目根目录，且是标准 JSON（不能有注释），例如：
```
{"semi": false, "singleQuote": true, "tabWidth": 2, "trailingComma": "es5"}
```
tabWidth 要和 VSCode 的 editor.tabSize 一致；useTabs 要和 editor.insertSpaces 反向匹配（Prettier 设 useTabs: false → VSCode 得开 insertSpaces: true）
如果用了 ESLint，eslint-config-prettier 必须放在 extends 数组末尾，否则 Prettier 的规则会被 ESLint 覆盖，导致对齐“看起来没生效”
打开开发者工具（Ctrl+Shift+P → Developer: Toggle Developer Tools），保存时看 Console 是否有 No formatter registered for 'typescript' 类报错