WebStorm中Prettier生效需项目本地安装prettier包、设为默认格式化器、配置文件置于根目录且命名正确，插件本身仅桥接不执行格式化。
WebStorm 里 Prettier 插件本身不需“更新”——它只是个桥接器
WebStorm 的 Prettier 插件（ID 通常是 org.jetbrains.plugins.prettierJS）本身不包含格式化逻辑，只负责调用你项目或系统中安装的 prettier 包。所谓“升级 Prettier”，真正要动的是 prettier 这个 npm 包，不是插件 UI 界面里的那个开关。
插件版本滞后或报错（比如提示 Prettier is not available），90% 是因为：
-
prettier包没装、装错位置（全局装了但项目没装）、或版本太旧 - WebStorm 没识别到
node_modules/.bin/prettier（尤其在 pnpm 或自定义node_modules路径时） - 插件被禁用，或 Node.js 解释器未正确配置（
Settings > Languages & Frameworks > Node.js）
更新 prettier 包本身：项目级优先，别碰全局
直接运行命令更新本地依赖最稳妥，WebStorm 会自动检测新版本：
- 进项目根目录，终端执行：
npm install --save-dev --save-exact prettier@latest - 如果用 pnpm：
pnpm add -D --save-exact prettier@latest - 避免用
npm update prettier—— 它可能跳过--save-exact，导致下次 CI 构建行为不一致 - 更新后检查
package.json中devDependencies是否已写入带^或~的版本号；建议保留--save-exact生成的精确版本（如"prettier": "3.3.3"）
WebStorm 插件界面怎么“更新”？其实只是重装
插件本身极少发布功能更新（最近一次实质性变更在 2025 年底），但如果你看到插件市场提示“Update available”，操作就是：
- 打开
Settings > Plugins，找到Prettier - 点右侧
Update按钮（不是Enable） - 重启 WebStorm（必须，否则新插件逻辑不加载）
- 重启后，进
Settings > Languages & Frameworks > JavaScript > Prettier，确认路径显示为Automatic或指向你刚更新的node_modules/.bin/prettier
若更新失败或卡住，可手动卸载再重装：Uninstall → 关闭 IDE → 删除 ~/.cache/JetBrains/WebStorm2026.x/plugins/pretterJS*（macOS/Linux）或 %LOCALAPPDATA%\JetBrains\WebStorm2026.x\plugins\pretterJS*（Windows）→ 重启 IDE → 重新安装。
格式化规则没变？检查配置文件是否被忽略
prettier 包升级后，旧配置仍生效，但某些选项行为可能变化（如 printWidth 默认值从 80 变为 100 在 v3.0+）。常见失效原因：
-
.prettierrc文件名不合法：WebStorm 只认.prettierrc.json、prettier.config.js（且必须是module.exports = {...}，不能用export default） - 配置文件放在子目录而非项目根目录：WebStorm 不向上递归查找，
.prettierrc必须在$ProjectFileDir$下 - 用了 TypeScript 配置（
.prettierrc.ts）但 Node.js 版本低于22.6.0—— 此时 WebStorm 直接跳过该文件，静默 fallback 到默认规则 - 配置项拼写错误，比如把
singleQuote写成singlequote：Prettier 不报错，但该选项无效
验证配置是否生效最简单方式：删掉 .prettierrc，保存一个 JS 文件，观察是否回归默认风格（如双引号、无分号）；再放回配置，对比变化。
