改了 settings > editor > code style 没反应，因为该配置仅作用于本机、不写入项目、不随 git 提交，队友无法感知；真正跨编辑器统一的基础层是项目根目录的 .editorconfig 文件（命名严格、位置固定），它只管缩进、换行等通用项，不管语言细节；若启用 prettier，则其配置（如 .prettierrc）优先级更高，code style 设置将被覆盖。
为什么改了 Settings > Editor > Code Style 没反应
因为 WebStorm 的 Settings > Editor > Code Style 配置默认只作用于你本机，不写入项目、不随 Git 提交、队友打开项目时完全无效。它只是 IDE 级别偏好，不是项目级规则。
-
.editorconfig必须放在项目根目录，文件名严格为.editorconfig（开头带点、全小写），否则 WebStorm 不识别 - 该文件只管通用项：如
indent_size、end_of_line、trim_trailing_whitespace；不管语言细节（比如if (x) {的括号是否换行） - 如果项目里同时有
.prettierrc和.editorconfig，Prettier 默认优先读自己的配置，.editorconfig中重叠项（如indent_size）可能被忽略，除非你在.prettierrc显式写"useTabs": false等对应字段
怎么让 Prettier 成为项目默认格式化器
装插件 ≠ 自动接管。WebStorm 默认仍用内置 JS/TS 格式化器，Prettier 是“备选工具”，需手动绑定到具体语言。
- 确保项目本地安装：
npm install --save-dev --save-exact prettier（不推荐全局安装，版本易不一致） - 进
Settings > Editor > Code Style > JavaScript（或TypeScript/Vue），点右上角齿轮 →Set from… > Prettier - 检查
Settings > Languages & Frameworks > JavaScript > Code Quality Tools > Prettier中的Package路径，必须指向项目内node_modules/prettier，不能是全局路径 - 若对
.vue文件没反应，需单独进Code Style > Vue页面执行同样Set from… > Prettier操作
保存时自动格式化为何不生效
默认关闭，且受多层开关控制。仅勾选 Reformat code 不够，还要确认匹配范围和触发条件。
- 打开
Settings > Tools > Actions on Save，勾选Reformat code - 展开下方
Only for files matching，手动添加*.ts、*.js、*.vue等扩展名（默认可能只含*.js） - 确保未勾选
Only if file is physically modified—— 否则编辑器认为“没改内容”，跳过格式化 - 禁用
Run eslint --fix on save：ESLint fix 和 Prettier reformat 规则冲突时会互相覆盖，导致格式越修越乱；建议只留 Prettier 做格式化，ESLint 仅作检查提示
团队协作时哪些文件必须提交，哪些绝对不能提交
真正起效的是项目级配置文件，IDE 私有设置不仅无效，还容易引发路径/Node 版本兼容问题。
- 必须提交：
.editorconfig、.prettierrc（或.prettierrc.js）、package.json中的prettier依赖 - 必须禁止提交：
.idea/prettier.xml、.idea/codeStyles/下所有文件 —— 这些是 WebStorm 私有配置，不同人系统环境差异大，极易出错 - 建议加一条脚本：
"format": "prettier --write ."，新人拉完代码直接npm run format一键对齐
白名单本质是“哪些文件类型走 Prettier，哪些绕过”，但 WebStorm 没提供细粒度白名单开关；实际靠 Actions on Save > Only for files matching 控制，漏配扩展名是最常被忽略的点。
