在.prettierrc中为WordPress配置更漂亮的格式工具

时间:2020-09-18 22:39:23

标签: wordpress prettier

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

我已经使用update安装了update demo set a2 = case when ( case when a1 = 'M' then 10 else 0 end + case when a3 = 'R' then 10 else 0 end + case when a4 = 'S' then 20 else 0 end ) <= 20 then 'T' else 'V' end where a2 is null ,并且可以正确执行格式化程序。我还安装了prettier npm模块来获取Prettier的WordPress样式配置。

Locator Strategies的打包首页告诉我需要添加

@wordpress/prettier-config

npm文件以启用WordPress规则。

此行显示错误:

extends @wordpress/prettier-config

如果我在.prettierrc中使用JSON

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

我得到:

.prettierrc

Prettier仅使用默认样式。

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

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,我不确定为什么文档会显示这种语法,我不确定 prettier 是否支持它。

改为将您的 .prettierrc 文件命名为 .prettierrc.js 并使用以下内容通过将其解构为更漂亮的文件来扩展 WordPress 配置。

module.exports = {
    ...require('@wordpress/prettier-config'),
};

此外,您还需要确保使用 WordPress' own version of prettier,这样您才能获得 WordPress 在其 eslint 中使用的括号间距自动格式。

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

答案 1 :(得分:0)

如果您使用以 JSON 或 .prettierrc 编写的 .prettierrc.json 文件,只需添加:

"@wordpress/prettier-config"

没有括号。