根本原因是VS Code未正确配置Prettier的执行路径、默认格式化器及规则文件。需在项目中安装prettier依赖，通过.vscode/settings.json指定editor.defaultFormatter、formatOnSave等，并配好.prettierrc；同时禁用ESLint格式规则与冲突插件。
装了 Prettier 插件却按 Shift+Alt+F 没反应，或者保存后代码没对齐——根本原因不是插件没装好，而是 VS Code 不知道该用什么规则、调哪个工具、处理哪些文件。
为什么装完插件还不能自动格式化
Prettier 插件本身不带默认规则，也不自带可执行的格式化器。它只是个“调度员”，真正干活的是你项目里装的 prettier 包（比如 node_modules/prettier）。如果项目没装、路径不对、或配置缺失，VS Code 就会卡在“没有可用的格式化程序”这一步。
- 只装插件不装
prettier依赖：运行npm install --save-dev prettier或yarn add -D prettier - 用了 pnpm/yarn v4+ 但插件读不到本地
prettier：在settings.json里加"prettier.prettierPath": "./node_modules/prettier/index.cjs" - 没配
.prettierrc或prettier.config.js：插件会 fallback 到极简默认值（比如semi: false），但很多项目需要显式声明规则 - 配置文件放错位置：VS Code 不会向上查找父目录的
.prettierrc，子项目必须自己放一份
怎么让保存时真正自动对齐
开启 editor.formatOnSave 只是第一步，关键还得告诉 VS Code “谁来干、对谁干、怎么干”。光靠全局设置容易误伤其他项目，推荐用工作区配置。
- 在项目根目录建
.vscode/settings.json，写死以下三项："editor.formatOnSave": true"editor.defaultFormatter": "esbenp.prettier-vscode""editor.formatOnSaveMode": "modifications"（只格式化改过的行，避免大文件重排全篇） - 为非 JS/TS 文件手动绑定格式化器，比如 JSON 和 Markdown：
"[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }"[markdown]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } - 别在用户设置里全局开
formatOnSave，否则打开别人的项目可能触发意外格式化
Prettier 和 ESLint 冲突时代码越整越乱
典型现象：保存后分号一会儿有、一会儿没；对象属性换行位置反复变。这不是 bug，是两个工具都在试图改同一段代码的格式。
- 必须用
eslint-config-prettier关掉 ESLint 所有格式类规则：运行npm install --save-dev eslint-config-prettier，并在.eslintrc.js的extends数组末尾加上"prettier" - 不要同时开
source.fixAll.eslint和editor.formatOnSave做同一件事；推荐只留"source.fixAll.eslint": true，再把 ESLint 配置成只检查不修复格式（靠eslint-config-prettier实现），最终格式化动作全交给 Prettier - 禁用 Beautify 等老式格式化插件，它们会抢走
Shift+Alt+F快捷键
手动格式化失效或弹出“选择格式化程序”提示
按 Shift+Alt+F 后弹出菜单让你选，说明 VS Code 检测到多个可用格式化器，但没设默认项，或者当前文件类型没被绑定。
- 先确认语言模式正确：右下角状态栏看是否显示
JavaScript、TypeScript等，不是Plain Text；点它可切换 - 检查
settings.json是否漏了语言专属配置，比如 Vue 项目要加："[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } - 快捷键被占用？在命令面板搜
Preferences: Open Keyboard Shortcuts，过滤formatDocument看绑定是否正常 - 临时测试：删掉
.vscode/settings.json，只在用户设置里开formatOnSave和指定defaultFormatter，看是否恢复——能恢复就说明工作区配置有冲突
最常被忽略的是：Prettier 配置文件必须存在且路径正确，VS Code 不会报错，只会静默 fallback 到不一致的默认行为。哪怕只想要单引号，也得明确写进 .prettierrc，不能指望插件 UI 里的开关覆盖全部场景。
