Prettier规则由项目根目录的配置文件（如.prettierrc.json）定义，WebStorm仅读取执行；Code Style设置在启用Prettier后失效；配置错误常静默忽略，需手动验证格式化效果。
Prettier 规则不是在 WebStorm 设置里调的，而是在项目配置文件里写的；WebStorm 只负责读取和执行，不参与规则决策。
配置文件必须放在项目根目录且命名正确
WebStorm 不会自动扫描任意位置的配置，它只认以下路径和格式（按优先级从高到低）：
-
.prettierrc.json（最稳，推荐首选） -
.prettierrc（无后缀，内容为 JSON 格式） -
prettier.config.js（需用module.exports = {}，不能用export default）
如果用了 prettier.config.mjs 或 prettier.config.cjs，旧版 WebStorm（2022.1 之前）可能完全忽略。配置文件若不在项目根目录（比如放在 src/ 下），WebStorm 就读不到。
WebStorm 的 Code Style 设置要清空或仅作参考
一旦启用了 Prettier，Settings > Editor > Code Style > JavaScript 里的缩进、引号、分号等选项就失效了——Prettier 会按自己配置覆盖掉 IDE 的设置。常见错误是：
- 在 WebStorm 里把
Use tabs打开，但.prettierrc.json里写了"useTabs": false→ 最终还是空格 - 手动调了
Tab size为 4，但配置里是"tabWidth": 2→ 保存后立刻变回 2
建议：把 Code Style 面板里的所有风格相关项清空，或者只留作生成代码（如重构、补全）时的参考，别指望它影响 Prettier 输出。
配置项写错会导致静默失效
不是报错才叫失败，很多配置错误是“看起来生效了，但实际没走 Prettier 规则”，比如：
-
"semi": "false"（字符串）→ 应该是false（布尔值），JSON 解析失败，fallback 到默认值 -
"trailingComma": "es5,"（多了一个逗号）→ JSON 语法错误，整个配置被丢弃 -
.prettierignore里写了**/node_modules/**→ WebStorm 不支持这种嵌套通配，得写成node_modules或node_modules/**
验证是否生效最简单的方法：改一个明显规则（比如把 "singleQuote": true 改成 false），然后对一个 JS 文件按 Ctrl+Alt+L，看引号是否切换。
多语言文件要单独绑定 Prettier
WebStorm 按文件类型分别管理格式化器，.js、.ts、.vue、.html 是不同 tab，每个都得手动设一次：
- 进
Settings > Editor > Code Style > JavaScript→ 右上角齿轮 →Set from > Prettier - 同样操作进
TypeScript、Vue、HTML等页签 -
.vue文件中的<template>块需要prettier-plugin-vue，且要在 Prettier 插件设置中指定插件路径
漏掉任何一个，对应文件类型就不会走 Prettier，而是继续用 WebStorm 内置格式器——这就是为什么你改了配置，但 .ts 文件没反应的原因。
真正容易被忽略的是：配置文件的解析结果不会在 UI 上反馈，也没有“配置加载成功”提示。它要么读到了，要么静默跳过。所以每次改完配置，务必用一个真实文件手动触发格式化来验证，而不是只看设置界面有没有报错。
