如何在 vscode 中变得更漂亮更漂亮

Question

这让我发疯了一段时间，我想不通。我试过将 prettier.printWidth 设置为 160 或 400，但没有任何区别。对于 Vue，我的环境是 Vscode 和 prettier/vetur。我可以在代码上方使用 // prettier-ignore 但这不是解决方案。

我希望它看起来如何：

 // prettier-ignore
    if(!this.dataFields.some((field) => this.item.field && field.text === this.item.field)) {
      // Find the field in the all fields list
      const foundField = this.allDataFields.find((field) => field.text === this.item.field)

它的实际外观：

 if (
      !this.dataFields.some(
        (field) => this.item.field && field.text === this.item.field
      )
    ) {
      // Find the field in the all fields list
      const foundField = this.allDataFields.find(
        (field) => field.text === this.item.field
      )

Answer 1

Prettier 的配置选项很少 by design. It offers a small amount of control concerning multi-line objects，但最终它旨在让开发人员决定如何设置某些代码元素的样式。

所以我在这里看到的唯一选项是：

接受 Prettier 的建议，放松一下，因为您再也不必考虑或讨论代码样式了。

或

不要使用 Prettier。

如何在 vscode 中变得更漂亮更漂亮

How do i get prettier to be more pretty in vscode

visual-studio-code

vscode-settings

prettier