更漂亮的 VS 代码格式（参数前的新行）

Posted 2023-02-22

【中文标题】更漂亮的 VS 代码格式（参数前的新行）

【英文标题】：Prettier in VS Code formatting (new lines before arguments)

【发布时间】：2018-04-22 21:46:17

【问题描述】：

我正在使用Angular Essentials by John Papa - 特别是 Tslint 和 Prettier。由于某种原因，它转换了这段代码

this.rM.hA = this.rM.startHA + 2 * diffX * 360 / size;
this.rM.vA = Math.max(Math.min(this.rM.startVA + 2 * diffY * 180 / size, 90), -90);

进入这个

this.rM.hA =
  this.rM.startHA + 2 * diffX * 360 / size;
this.rM.vA = Math.max(
  Math.min(
    this.rM.startVA + 2 * diffY * 180 / size,
    90
  ),
  -90
);

我该如何避免呢？我尝试过使用 tslint.json 设置：

"最大行长": [true, 165]

但在我的情况下，这不会影响。

编辑：按照similar issue，我尝试设置"prettier.printWidth" 和"editor.wordWrap"，但它们都没有帮助。正如@ConnorsFan 所建议的那样，我已经删除了max-line-length，并且我当前的工作区设置（应该覆盖用户设置，对吧？）是

"prettier.printWidth": 180, "editor.wordWrap": "有界", “editor.wordWrapColumn”：180

EDIT2：看来，问题是由 Prettier 扩展引起的（作为 Angular Essentials 的依赖项）。现在问题缩小到意识到为什么"prettier.printWidth": 180 不起作用。我已经打开了一个问题https://github.com/prettier/prettier/issues/3228

PS：为了保护无辜者，名称已更改。 (c)

【问题讨论】：

***.com/questions/46939118/… 的可能重复更漂亮的扩展名可能是问题所在。那里有一个解决方案：“prettier.printWidth”：160

@Mark Hm .. 不能让它对我有用。我检查了默认设置，上面写着"editor.wordWrap": "off" - 但我仍然面临同样的行为。我已尝试按照您提到的链接中所述覆盖该设置 - 但它似乎对设置的影响为零，我仍然收到那些奇怪的换行符。

您是否尝试完全禁用 max-line-length，然后重新启动 Visual Studio Code？​​span>

@ConnorsFan 刚刚试过 - 还是一样。它的行为有点奇怪：有些线条很好，但其他线条仍然“吹”。它们都少于 180 个字符（我在设置中设置了"prettier.printWidth": 180）。

你确定是tslint引起的吗？你能禁用它吗？

【参考方案1】：

"prettier.printWidth": 120 为我工作，我的 vscode 中只有两个 javascript 格式扩展 'Prettier' 和 'ESlint'。