在.prettierrc中为WordPress配置Prettier格式工具

我正在尝试使用Prettier来格式化我的WordPress项目JavaScript/CSS文件

我已经使用

npm

安装了

prettier

，我可以正确执行格式化程序。我还安装了

@wordpress/prettier config

npm

模块，以获得prettier的wordpress样式配置

位于的包主页告诉我需要添加

extends @wordpress/prettier-config

到

.prettierrc

文件以启用WordPress规则的使用

这一行给出了错误：

[error] Invalid configuration file `test.js`: Cannot find module 'extends @wordpress/prettier-config'

如果我在

.prettierrc

{
    "extends": "@wordpress/prettier-config"
}

我得到：

[warn] Ignored unknown option { extends: "@wordpress/prettier-config" }.

而Prettier只是使用默认样式

---

我的问题是，如何配置Prettier以使用Wordpress样式的配置？

我也遇到了同样的问题，我不确定文档中为什么会显示这种语法，我不确定Prettier是否支持这种语法

取而代之的是将你的

.prettierrc

文件命名为

.prettierrc.js

，并使用下面的代码将它们的文件分解成更漂亮的文件，从而扩展WordPress配置

module.exports={
…需要（'@wordpress/prettier config'），
};

此外，您还需要确保使用，以便获得WordPress在eslint中使用的括号间距自动格式化

npm i --save-dev "prettier@npm:wp-prettier@latest"

---

我也遇到了同样的问题，我不知道为什么文档中会显示这种语法，我不确定prettier是否支持这种语法

取而代之的是将你的

.prettierrc

文件命名为

.prettierrc.js

，并使用下面的代码将它们的文件分解成更漂亮的文件，从而扩展WordPress配置

module.exports={
…需要（'@wordpress/prettier config'），
};

此外，您还需要确保使用，以便获得WordPress在eslint中使用的括号间距自动格式化

npm i --save-dev "prettier@npm:wp-prettier@latest"

---

如果您使用的是JSON编写的

.prettierrc

文件或

.prettierrc.JSON

，只需添加：

“@wordpress/prettier配置”

---

不带括号。

如果您使用的是用JSON编写的

.prettierrc

文件或

.prettierrc.JSON

只需添加：

“@wordpress/prettier配置”

没有括号