Prettier在WebStorm中不生效，需手动设为默认格式化器而非仅启用插件；须检查文件类型绑定、Node环境、配置文件路径及避免与ESLint/Code Style冲突。
WebStorm 里 Prettier 不生效？先确认它是不是真被设为默认格式化工具
很多人点 Ctrl+Alt+L（Windows/Linux）或 Cmd+Option+L（macOS）后代码没按 Prettier 规则变，第一反应是“配置错了”，其实大概率是 WebStorm 还在用内置的 JavaScript 格式化器——它和 Prettier 是两套逻辑，互不买账。
必须手动把 Prettier 设为「默认」，否则快捷键只走内置流程。操作路径：Settings > Editor > Code Style > JavaScript > Formatter，下拉选 Prettier，不是勾选“Enable Prettier”就完事了。
- 勾选
Enable Prettier只是启用插件支持，不接管格式化行为 - 如果项目根目录有
.prettierrc或prettier.config.js，WebStorm 会自动读取；没配的话它会 fallback 到默认规则，可能和你预期不符 - 改完设置后，重启编辑器或至少重载项目，避免缓存导致设置未生效
保存时自动格式化，但只对部分文件生效？检查文件类型绑定和作用域
WebStorm 的“On Save”格式化是按 file type 控制的，不是全局开关。比如你开了 Reformat code on save，但 .ts 文件没动，.js 文件却格式化了——大概率是 TypeScript 文件没绑到 Prettier。
进 Settings > Editor > Code Style > JavaScript 和 TypeScript 两个地方，都得单独设成 Prettier 格式化器。Vue/JSX/TSX 同理，每个语言 tab 都要过一遍。
- Vue 单文件组件里的
<script>块默认归类为JavaScript，但<template>是 HTML，Prettier 对它无效（除非装了prettier-plugin-vue并在 WebStorm 里指定插件路径） - 如果用了
prettier-eslint这类组合工具，WebStorm 不原生支持，得用Run eslint --fix替代，不能指望格式化快捷键 - 某些旧版 WebStorm（2022.1 之前）对
prettier.config.mjs识别不稳定，建议用cjs或json格式
格式化后缩进、分号、引号全乱了？别硬调 WebStorm 的 Code Style 设置
这是最典型的冲突：一边在 Settings > Editor > Code Style > JavaScript 里调“Use tabs”“Semicolons”“Quote style”，一边又启用了 Prettier。结果是 WebStorm 先按自己规则格式化一版，Prettier 再覆盖一版，中间还可能触发 ESLint 自动修复，最终输出不可控。
Prettier 的设计哲学就是“不让你调细节”。所有风格相关配置（semi, singleQuote, tabWidth 等）必须写在 Prettier 配置文件里，WebStorm 的 Code Style 面板应该清空或仅作参考。
- 删掉
Code Style > JavaScript > Wrapping and Braces里所有自定义换行/空格规则，Prettier 不认这些 - 如果团队用
eslint-config-prettier，确保它已禁用所有和 Prettier 冲突的 ESLint 规则，否则保存时 ESLint 插件可能“悄悄”改回它喜欢的样子 -
prettier --write命令行能跑通 ≠ WebStorm 能跑通——后者依赖 Node.js 解析环境，检查Settings > Languages & Frameworks > Node.js and NPM里选的 Node 版本是否包含项目所需的 Prettier 版本（尤其 v3+ 需 Node 18.12+）
为什么 WebStorm 提示 “Prettier not found” 却明明全局装了？路径和作用域问题
WebStorm 默认不走系统 $PATH，它要么用项目本地 node_modules/.bin/prettier，要么用你手动指定的全局路径。全局安装的 Prettier（npm install -g prettier）在 macOS/Linux 上通常是 /usr/local/bin/prettier，Windows 是 %AppData%\npm\prettier.cmd，但 WebStorm 很可能找不到。
进 Settings > Languages & Frameworks > JavaScript > Code Quality Tools > Prettier，关掉 Auto-detect，手动填路径。更稳妥的做法是：项目里装本地版（npm install --save-dev prettier），然后让 WebStorm 读 node_modules/.bin/prettier。
- 如果项目用 pnpm，
node_modules/.bin/prettier是个链接，某些 WebStorm 版本（尤其是 2023.2 之前）解析失败，可改用pnpm exec prettier路径（需填完整绝对路径） - 多根工作区（multi-root workspace）下，每个子项目需独立配置 Prettier 路径，WebStorm 不会跨文件夹继承
- 配置文件里写了
"parser": "flow"但项目没装@prettier/plugin-flow，WebStorm 会静默失败，不报错也不格式化——查Help > Show Log in Explorer里的idea.log才能看到真实错误
