利用PhpStorm配置Prettier代码格式化_保存时自动美化代码风格-phpstorm-PHP中文网

必须本地安装prettier并配置ide指向项目内路径，禁用内置格式化器，手动添加需处理的文件扩展名（如php、vue等），否则保存时pretterr完全不触发。

利用phpstorm配置prettier代码格式化_保存时自动美化代码风格

Prettier 在 PhpStorm 中保存时自动格式化，必须用项目本地安装的 prettier，且 IDE 需明确指向它——全局安装或路径配置错误会导致静默失效，连报错都没有。

常见现象是：改了 .prettierrc.json、点了 Ctrl+S，但缩进没变、引号没转、分号还在。根本原因不是 Prettier 坏了，而是它压根没被调用。

PhpStorm 默认只找 node_modules/.bin/prettier，如果项目里没装（比如只全局装了 npm install -g prettier），就直接跳过
用 pnpm 的项目要检查 pnpm store 是否被设为只读，否则 PhpStorm 读不到 prettier 二进制路径
配置文件名写错也会“假装生效”：prettier.config.js 在部分 PhpStorm 版本中被忽略；.prettierrc（无后缀）不稳定，优先用 .prettierrc.json
.prettierignore 必须放在项目根目录，且不支持 ** 嵌套通配符（如 src/**/test.js 不生效，得写成 src/*/test.js）

IDE 内置格式化和 Prettier 规则冲突时，会出现光标乱跳、空行被删、分号反复加又删等问题。必须切断内置格式化的接管权。

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

进 Settings > Editor > Code Style > JavaScript（或 TypeScript），取消勾选 Enable formatter
再进 Settings > Languages & Frameworks > JavaScript > Prettier，确保 Prettier package 字段指向项目内路径，例如 ./node_modules/prettier 或自动识别出的 node_modules/.bin/prettier
勾选 On save，并确认下方 Files to format 包含你要处理的后缀，如 js,ts,tsx,jsx,css,scss,vue,json
⚠️ 不要用 prettier --write $FilePath$ 直接调用命令——必须走 npx prettier 或 IDE 内置集成，否则读不到 .prettierrc.json

可以，但需额外插件和配置，且不能依赖 PhpStorm 内置的 PHP 代码风格设置。

先装 prettier-plugin-php：npm install --save-dev prettier-plugin-php
在 .prettierrc.json 中显式启用："plugins": ["prettier-plugin-php"]
PhpStorm 默认不把 .php 文件纳入 Prettier 处理范围，需手动在 Settings > Languages & Frameworks > JavaScript > Prettier > Files to format 里加上 php
注意：PHP 格式化效果取决于插件版本兼容性，Node.js 推荐 ≥ v22.6.0（尤其用了 prettier.config.ts 时）