VSCode保存时自动美化Node.js代码需同时满足三条件：语言模式为JavaScript/TypeScript、editor.formatOnSave为true、editor.defaultFormatter正确指向已安装的Prettier插件（esbenp.prettier-vscode），缺一不可。
VSCode 保存时自动美化 Node.js 代码，不是开个开关就完事——必须同时满足：语言模式识别为 JavaScript/TypeScript、editor.formatOnSave 开启、且 editor.defaultFormatter 指向一个已安装并能响应的格式化插件（如 Prettier）。
为什么 Shift+Alt+F 按了没反应？
这不是快捷键坏了，而是 VSCode 根本没找到可用的格式化器。常见原因有：
- 当前文件语言模式是
Plain Text或Unsupported—— 看右下角状态栏，点击切换成JavaScript或TypeScript - 没装对应插件：Node.js 项目主要用
esbenp.prettier-vscode（JS/TS）或ms-python.black-formatter（Python），但 JS 场景下别装HookyQR.beautify和esbenp.prettier-vscode同时启用，会冲突 - 快捷键只在编辑器有焦点时生效 —— 在终端、设置页、搜索框里按
Shift+Alt+F必然无效 - 项目根目录存在
.prettierrc但内容为空或语法错误，会导致格式化器初始化失败
怎样让 Ctrl+S 真正触发自动美化？
光设 "editor.formatOnSave": true 不够，必须为语言显式指定格式化器：
- 全局设置（推荐初学者）：
{ "editor.formatOnSave": true, "[javascript]": { "editor.defaultFormatter": "esbenp.pretterr-vscode" }, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } } - 项目级覆盖：在项目根目录
.vscode/settings.json中写同上配置，优先级高于全局 - 注意：如果用了 ESLint + Prettier 协同，
eslint.vscode-eslint插件本身不格式化，它只报告问题；真正执行格式化的仍是esbenp.prettier-vscode，所以editor.defaultFormatter仍要指向它
Prettier 和 VSCodeBeautify 能不能一起用？
不能混用。二者底层逻辑冲突：
-
VSCodeBeautify基于js-beautify，靠.jsbeautifyrc配置，支持“个人风格偏好”，比如brace_style: "expand" -
Prettier是强约束引擎，不接受括号换行等主观选择，只认.prettierrc，且会覆盖js-beautify的行为 - 若两个插件都启用，VSCode 会在语言设置里显示多个格式化器候选，选错一个就会导致 Ctrl+S 无反应或格式错乱
- Node.js 项目建议统一用
Prettier：它对import/export、async/await、模板字符串等现代语法支持更稳
格式化后又被重排？检查 tabWidth 冲突
常见于 .prettierrc 设了 "tabWidth": 2，但 VSCode 全局 editor.tabSize 是 4，保存时先被 Prettier 缩进 2 格，再被编辑器自动转成 4 格空格，结果缩进错乱：
- 统一源头：把
editor.tabSize改成和.prettierrc一致（推荐都设为2） - 项目级锁定：在
.vscode/settings.json中加"[javascript]": { "editor.tabSize": 2 } - 别忽略
package.json里的prettier字段 —— 它优先级高于.prettierrc，容易被遗忘
最易被忽略的是语言模式识别和格式化器可用性之间的耦合关系：哪怕你装了 Prettier 插件，只要当前文件没被识别为 JavaScript（比如后缀是 .mjs 或没后缀），editor.defaultFormatter 就不会被调用。每次格式化失效，先看右下角，再查插件，最后翻配置——顺序错了，花半小时调也白搭。
