如何为WordPress项目配置Prettier以使用WordPress风格规则？

你遇到的问题是因为对Prettier共享配置的用法理解有误——Prettier本身不支持extends配置项，这是ESLint这类工具的语法，所以你用JSON格式写extends会被忽略，而直接写extends @wordpress/prettier-config又会被当成无效的模块路径报错。

下面给你两种可靠的配置方式，任选其一即可：

方法1：通过package.json配置 #

在项目根目录的package.json中添加prettier字段，直接指定WordPress的共享配置包：

{
  "name": "your-wordpress-project",
  "prettier": "@wordpress/prettier-config"
}

这种方式最简单，不需要额外的配置文件。

方法2：使用JS格式的配置文件 #

如果需要在WordPress的基础配置上做自定义修改，可以创建.prettierrc.js文件（注意是JS格式，不是JSON），然后导入并导出配置：

// 基础用法：直接使用WordPress配置
module.exports = require('@wordpress/prettier-config');

// 如果需要自定义配置（比如添加额外规则），可以合并配置：
// module.exports = {
//   ...require('@wordpress/prettier-config'),
//   semi: false, // 自定义示例：去掉分号
// };

验证配置是否生效 #

配置完成后，你可以运行Prettier格式化一个测试文件，比如：

npx prettier --write test.js

然后查看格式化后的代码风格是否符合WordPress的规范（比如使用2空格缩进、单引号、无分号等）。

另外，确保你安装的@wordpress/prettier-config和prettier版本兼容——建议使用WordPress官方推荐的版本，避免版本不匹配导致的问题。

内容的提问来源于stack exchange，提问作者Tero Kilkanen