为什么 prettier 开始拆分短线？

Question

我在 VSCode 的 Angular 项目中使用了 prettier 几个月。它工作正常。

今天我将 Angular 升级到 v11 并且我开始更改我的 ts 文件的那一刻（在这种情况下我正在更改带有单元测试的文件，扩展名.spec.ts）和一行有 85 个字符正在拆分自：

const tblRows = fixture.debugElement.nativeElement.querySelectorAll('table tr');

到

const tblRows =
      fixture.debugElement.nativeElement.querySelectorAll('table tr');

同时，同一文件中更长的一行未被拆分：

it('Loaded map descriptions should load names and set state for "Edit" buttons', () => {

我已经开始学习更多，找到设置“打印宽度”，它是 80。我将它更改为 140，然后更改为 120 - 它没有任何明显的区别。

我检查了另一个文件，120个字符的行没有被分割...

我已经检查过了，prettier 被用作默认格式：

请帮忙找出问题的原因。谢谢！

Answer 1

我仍然不知道为什么 prettier 停止工作，但今天我想出了如何强制它工作。

TBH，很遗憾我不能早点做，我唯一的借口是有很多东西要学，我只是不知所措。

无论如何，今天我又试了一次，并在谷歌上搜索了“vscode 更漂亮的如何定义行长度”，这让我找到了 https://prettier.io/docs/en/options.html. On this page, I've noticed that the recommended way to apply settings is via the configuration file, which is documented here: https://prettier.io/docs/en/configuration.html

在阅读最后一个 link 后，我刚刚将“.prettierrc”文件添加到我的项目的根目录并添加了一个密钥，因此文件如下所示：

{
  "printWidth": 120
}

在那之后，prettier 就像一个魅力。

P.S。讨厌让我的问题无人回答 ;)

为什么 prettier 开始拆分短线？

Why prettier started splitting short lines?

visual-studio-code

angular

prettier