更漂亮与 nx format:check

prettier vs. nx format:check

nx format:check 在 html 文件中的 else 之后没有冒号:

<div *ngIf="isValid; else errors">

但是当我在同一个项目中 运行 更漂亮时,它希望在 else

之后有一个冒号
<div *ngIf="isValid; else: errors">

更多信息:

在包含 angular 模板的子目录中,我可以验证问题:

$ nx format:check --files login.component.html

$ prettier -c login.component.html
Checking formatting...
login.component.html
Code style issues found in the above file(s). Forgot to run Prettier?

请注意,nx 不会报告问题,但 prettier 会:以下是版本:

$ nx --version
8.5.0
$ prettier --version
1.18.2

是的,没错,nx format:check 在底层使用了 prettier。 但是,您在这里看到的不一致可能是由于两个不同的 Prettier 版本造成的。

在我的例子中,我使用的是 prettier-vscode plugin,它使用的是更漂亮的版本 1.8,它与 nx lib 使用的更漂亮版本不同。

nx 有一个相关问题:Feature Request: use installed prettier version
更漂亮的 nx 版本可以在他们的 package.json

中找到