如何使用 Prettier 在代码块之间添加多行?

Posted

技术标签:

【中文标题】如何使用 Prettier 在代码块之间添加多行?【英文标题】:How to add multiple lines between code blocks with Prettier? 【发布时间】:2019-06-22 03:32:39 【问题描述】:

我开始使用 Prettier,但发现它没有have an option 来控制代码块之间的空白行数,并且默认为一个。

我想要 2 个空行:

const bar = 10;
// blank 1
// blank 2
function foo() 
  hello();
  world();

// blank 1
// blank 2
foo();
// blank 1
// blank 2
export foo;

但它默认为 1 个空行:

const bar = 10;
// blank 1
function foo() 
  hello();
  world();

// blank 1
foo();
// blank 1
export foo;

如何使用 Prettier 实现这一目标?

(或者也许还有其他方法可以做到这一点。我很惊讶 Prettier 中可用的可配置选项如此之少。我希望有更多的控制权。)

【问题讨论】:

【参考方案1】:

如何使用 Prettier 在代码块之间添加多行?

你不能。

我很惊讶 Prettier 中可用的可配置选项如此之少。我希望有更多的控制权

这是非常有意的。 Prettier is an opinionated code formatter. 其中一个意见是 1 行就够了?

【讨论】:

感谢您的确认。你知道类似于 Prettier 的允许更多配置的东西吗?

以上是关于如何使用 Prettier 在代码块之间添加多行?的主要内容,如果未能解决你的问题,请参考以下文章

ESLint 和 Prettier 冲突,无法为代码块禁用 Prettier

Eslint 在大括号之间添加了不必要的空格,Prettier 显示错误

前端jsx如何设置prettier每个函数空一行?

使用 Prettier JS 时保留 then() catch() 格式

如何在使用 prettier 的类中的方法声明前后添加新行?

prettier 2.3 版本中类属性的基于前缀的多行格式