PhpStorm配置Prettier格式化工具_保存时自动美化代码

Prettier在PhpStorm中保存无反应，主因是未设为默认格式化器（仅启用插件无效），须在Code Style中手动指定JavaScript/TypeScript等语言的Formatter为Prettier，并确保本地安装prettier、配置文件命名正确（如.prettierrc.json）、.vue等混合文件需手动注入语言。 Prettier 在 PhpStorm 中保存时没反应，基本是因为它根本没被设为默认格式化器，或者 WebStorm 风格的配置逻辑被直接套用到了 PhpStorm 上——这两者不兼容。 PhpStorm 里 Prettier 不是插件开关开了就生效 很多人在 Settings > Languages & Frameworks > JavaScript > Code Quality Tools > Prettier 里勾上 Enable，就以为万事大吉。其实这只是让 PhpStorm “知道” Prettier 存在， 仍然走内置 JavaScript 格式化器，不会调用 Prettier。 必须手动指定：Settings > Editor > Code Style > JavaScript（或 TypeScript）> Formatter → 下拉选 Vue/JSX/TSX 文件同理，每个语言 tab 都要单独设置，不能只设 JavaScript 就指望 .vue 里的