Prettier.js 关于换行格式的方法参数

Posted 2023-02-22

【中文标题】Prettier.js 关于换行格式的方法参数

【英文标题】：Prettier.js Method Arguments on newline formatting

【发布时间】：2018-01-15 20:41:42

【问题描述】：

我正在运行 Prettier.js（VSCode 插件）/prettier-eslint-cli。它将超过 80 个字符限制的方法参数格式化如下（将每个参数放在一个新行上）。

someMethod(
  argumentOne,
  argumentTwo,
  argumentThree,
  argumentFour,
  argumentFive, // Hits 80 character word wrap here
  argumentSix,
  argumentSeven
) 
  // Some codes

有没有办法修改选项，以便格式化参数以尝试在每行上容纳 80 个字符？而不是每次都将它们添加到新行中。

someMethod(argumentOne, argumentTwo, argumentThree, argumentFour,
  argumentFive, argumentSix, argumentSeven) 
  // Some codes

【问题讨论】：

它看起来不太可定制：prettier.io/docs/en/options.html。同样在它的描述中：“Prettier 是一个 opinionated 代码格式化程序”

是的，我已经看到了。但我知道有一些命令（它们显然列出了）可以被覆盖。

如果这只是一个文件中的问题，您可以在根目录中放置一个 .prettierignore 文件，并写入文件路径（如带有 .gitignore）以忽略该文件

函数前加// prettier-ignore即可。

【参考方案1】：

据我所知，目前还没有这样做的选择。当您的参数超过 printWidth（默认 80）时，prettier 会将每个参数分成单独的一行。

一种方法是增加 printWidth 选项，以便您的参数保持在同一行。更漂亮的文档提到maximum line length rules are often set to 100 or 120 (https://prettier.io/docs/en/options.html)

【参考方案2】：

在User Settings 中为 Prettier： 将Print Width 选项设置为100 或更多

【讨论】：

正是我想要的！谢谢！

【参考方案3】：

在 VSC 窗口中单击鼠标右键并选择“命令面板”。 搜索“prettier”并选择“创建配置文件”， 它会打开你选择文件夹窗口（选择你想保存更漂亮的配置文件的文件夹）， 然后打开配置文件并添加要更改的选项。 示例：

    "printWidth":"150"