更漂亮没有正确格式化空行答案

【问题标题】：Prettier not formatting empty line properly更漂亮没有正确格式化空行
【发布时间】：2020-07-26 08:24:55
【问题描述】：

在下面的 React Native 代码中，我希望 prettier 删除空行，但事实并非如此。

screenOptions={{
  headerTitleStyle: {
    color: "#a41034",

    fontWeight: "bold",
  },

为什么会这样？

【问题讨论】：

【解决方案1】：

因为 Prettier 不会删除单数空行（通常）。

[Prettier 保留] 原始源代码中的空行。还有两个附加规则：

Prettier 将多个空行折叠成一个空行。

块（和整个文件）开头和结尾的空行被删除。（不过，文件总是以一个换行符结尾。）

此外，如果左大括号后有换行符，多行对象不会折叠成单行。

【讨论】：

我也是这么想的。但是，当 prettier 确实从以下代码中删除了一个空行时，我的疑虑增加了：codepen.io/alishehzad/pen/yLYNmQY?editors=0010 但在我的问题代码中没有这样做。这两个都不是代码块，因此空行不应该被删除，对吧？
@AliShehzad 那是 JSX，而不是对象——我怀疑它只是 Prettier 对这两种语法的处理方式不同，但我在文档中找不到任何关于它的内容，我不会去挖掘现在进入代码:)
是的，你是对的。我在 GitHub 上发现了一个讨论此 JSX 语法的问题。链接：github.com/prettier/prettier/issues/6047
@AliShehzad 啊，那里的讨论很有趣——感谢链接，很高兴了解行为差异:)