vs code中editor.formatonsave失效主因是未正确配置格式化器；需安装prettier或eslint扩展、显式指定默认格式化器、启用formatonsave，并为vue等特殊语言添加专属设置。
VS Code 里 editor.formatOnSave 不起作用？先确认格式化器是否装对了
VS Code 自身不内置 JavaScript/TypeScript 的运算符空格规则，它依赖你安装的格式化扩展（比如 esbenp.prettier-vscode 或 dbaeumer.vscode-eslint）。如果点了保存没加空格，大概率是没配对格式化器，或者格式化器根本没生效。
实操建议：
- 打开命令面板（
Ctrl+Shift+P/Cmd+Shift+P），输入Format Document With...，看列出的选项里有没有 Prettier 或 ESLint —— 没有就先装扩展 - 在设置里搜
default formatter，为javascript和typescript文件显式指定一个默认格式化器（比如选Prettier） - 确保工作区或用户设置中启用了
editor.formatOnSave，且没被editor.formatOnSaveMode错误设为modifications
Prettier 怎么让 +、=== 这些运算符前后加空格
Prettier 默认就强制运算符前后加空格，比如 a+b 会变成 a + b，a===b 变成 a === b。你不需要额外配置，只要它在运行，这个行为就固定存在。
但容易踩的坑：
-
prettier.config.js里如果写了insertPragma: true或requirePragma: true，会导致 Prettier 跳过没 pragma 的文件 —— 运算符空格自然也不生效 - 项目根目录有
.prettierrc且内容为空对象{}是 OK 的；但如果写成了{"semi": false}却漏掉其他字段，不影响空格，别误以为要手动开某个开关 - 注意 Prettier 对模板字符串内插值的处理：
`${a+b}`不会格式化成${a + b}—— 它只格式化 JS 表达式本身，不进字符串字面量内部
ESLint 的 space-infix-ops 规则和 Prettier 冲突怎么办
如果你同时开了 ESLint 和 Prettier，而 ESLint 配了 "space-infix-ops": "error"，就会和 Prettier 的空格逻辑打架，保存时可能反复格式化、报错，甚至卡住。
正确做法是让 ESLint 退一步：
- 在 ESLint 配置里把
space-infix-ops设为"off"（推荐），因为 Prettier 已经覆盖了这部分职责 - 或者用
eslint-config-prettier：安装后在extends数组末尾加上"prettier"，它会自动关掉所有和 Prettier 冲突的规则 - 别试图用 ESLint “修复” Prettier 的空格 —— 它们定位不同：ESLint 检查可读性/错误，Prettier 统一代码风格，混用时必须明确谁主谁辅
为什么有些文件（比如 Vue/JSX）里运算符还是没空格
这是因为 VS Code 默认只对 javascript、typescript 等语言 ID 启用你配的默认格式化器，而 .vue 文件的 script 块、.jsx 文件可能被识别为 vue 或 javascriptreact，没继承你的设置。
解决方法很直接：
- 在设置里搜
format on save mode，确认不是modifications（这个模式只格式化改动行，容易漏） - 打开设置 JSON（
settings.json），加语言专属配置：
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
路径、语言 ID、扩展名大小写都要对得上，vue 不是 Vue，javascriptreact 不是 jsx。
真正麻烦的是嵌套场景：比如 Vue 的 <script setup></script> 里用了 TypeScript 语法，又混了 import / defineProps，这时候格式化器链路稍长，任何一环断掉（比如没装 @prettier/plugin-vue）都会让空格消失 —— 得一层层查语言模式、活动格式化器、插件依赖是否齐全。
