根本原因是Prettier未被设为默认格式化器，需在Settings > Editor > Code Style > JavaScript/TypeScript/Vue等语言中手动下拉选择Pretterr，并在Settings > Tools > Actions on Save勾选Reformat code；同时确保本地安装prettier、.prettierrc.json置于根目录、PHP需额外配置插件及文件类型绑定。
为什么保存后 Prettier 完全没反应？
根本原因不是插件没装，而是 PhpStorm 压根没调用它——你 Ctrl+S 之后代码纹丝不动，大概率是以下任一环节断了：
• prettier 没在项目本地安装（npm install --save-dev prettier），只全局装了无效
• Prettier package 路径填错或为空，IDE 默认找 node_modules/.bin/prettier，找不到就静默跳过，不报错也不提示
• .prettierrc.json 放错位置（必须在项目根目录），或用了被忽略的命名如 prettier.config.js（ESM export default 写法不识别，得用 module.exports = {}）
• .prettierignore 里写了 src/**/test.js 这种嵌套通配符——它不生效，得写成 src/*/test.js
如何让 Ctrl+S 真正触发 Prettier 而非 PhpStorm 自带格式化？
关键不是“启用插件”，而是“把格式化权交给 Prettier”：
• 进 Settings > Editor > Code Style > JavaScript（或 TypeScript、Vue 等），在 Formatter 下拉菜单中手动选 Prettier —— 不是勾个 Enable 就完事
• 同样操作要对每个语言 tab 单独设置：.vue 文件里的 <script lang="ts"> 块不会自动继承 JavaScript 设置，得右键该 script 标签 → Inject language or reference → 选 TypeScript
• 关闭内置接管：在 Code Style > JavaScript > Formatter 里取消勾选 Enable formatter，否则会和 Prettier 规则打架，出现空行乱删、分号反复加又删
PHP 文件能用 Prettier 吗？怎么配才生效？
可以，但必须多走三步，缺一不可：
• 安装 PHP 插件：npm install --save-dev prettier-plugin-php
• 在 .prettierrc.json 中显式声明："plugins": ["prettier-plugin-php"]，并指定 "parser": "php"
• 手动把 php 加进 Settings > Languages & Frameworks > JavaScript > Prettier > Files to format 列表里——PhpStorm 默认不处理 .php 后缀
• 注意 Node.js 版本：PHP 插件在 Node.js ≥ v22.6.0 下更稳定，尤其用了 prettier.config.ts 时
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
On Save 配置藏在哪？开错等于白配
PhpStorm 有两个地方叫 “On Save”，但只有一个是真·保存触发点：
• 正确路径：Settings > Tools > Actions on Save → 勾选 Reformat code（不是 “Run external tool”，也不是 “Optimize imports”）
• 这个开关按文件类型独立控制：点右侧齿轮图标，可关掉 HTML/CSS，只留 JavaScript、TypeScript、Vue 等
• 错误路径：Settings > Languages & Frameworks > JavaScript > Prettier 里的 On save 是旧版遗留项，2025 年起已不主导实际行为，开了也无效
立即学习“PHP免费学习笔记（深入）”；
最常被忽略的细节是：Prettier 的配置文件读取、插件加载、文件类型绑定这三者必须全部对齐，任意一个错位都会导致“看起来配好了，其实没跑”。尤其是 PHP 和 Vue 场景，不手动注入语言、不加后缀、不声明插件，它就当普通文本处理。
