webstorm保存时自动格式化需三步：勾选actions on save中的reformat code、配置prettier为默认格式化器、避免eslint与prettier冲突；团队统一靠.prettierrc文件而非ide设置。
WebStorm 保存时自动格式化代码，核心就三步
能用，但默认不开启——必须手动勾选 Reformat code，否则 Ctrl+S 只是存文件，不会动代码格式。
- 打开
Settings / Preferences > Tools > Actions on Save - 勾选
Reformat code（如果还想删无用 import，顺手勾上Optimize imports） - 确认下方「Only if file is physically modified」未被误勾（否则编辑器认为“没改”，跳过格式化）
为什么装了 Prettier 插件，保存还是不生效？
插件只是“工具”，不是“开关”——WebStorm 不会自动把 Prettier 当成默认格式化器，它仍按内置 JS/TS 风格走。
- 先确保项目里有
prettier包：npm install --save-dev prettier（推荐本地安装，避免团队成员全局版本不一致） - 在
Settings > Editor > Code Style > JavaScript（或 TypeScript/Vue）页面，点右上角齿轮 →Set from...→ 选Prettier - 检查
Settings > Languages & Frameworks > JavaScript > Code Quality Tools > Prettier中的Package路径是否指向你项目里的node_modules/prettier，别指向全局
ESLint 和 Prettier 一起用，保存时怎么不打架？
ESLint 的 fix 和 Prettier 的 reformat 如果同时启用、规则冲突，会出现“格式化→报错→修复→再报错”的循环。
- 不要让 WebStorm 同时运行 ESLint Fix 和 Prettier Reformat —— 二选一，推荐只开
Reformat code（用 Prettier），ESLint 仅作检查提示 - 若必须用 ESLint 自动修复，在
.eslintrc.js里扩展prettier并禁用所有与格式相关的规则：extends: ["eslint:recommended", "prettier"]，再加"prettier/prettier": "error" - 避免在
Actions on Save里额外勾选Run eslint --fix，WebStorm 官方不原生支持该动作；要用请走宏录制或 husky + lint-staged
团队协作时，怎么保证所有人格式一致？
靠 WebStorm 设置共享？不现实。真正起效的是项目级配置文件 + 明确约束。
- 必须提交
.prettierrc（或.prettierrc.js）到 Git，内容如：module.exports = { semi: true, singleQuote: true, tabWidth: 2 } - 禁止把
.idea/prettier.xml提交进仓库——这是 IDE 私有配置，不同人系统路径、Node 版本都可能不同，极易出错 - 加一条
package.json脚本："format": "prettier --write ."，新人拉完代码直接npm run format一键对齐
.prettierrc > WebStorm 里手动设的 Code Style > 默认值。别指望调 IDE 界面就能统一团队风格，文件才是唯一权威。
