Prettier 未正确格式化空行

Question

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

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

    fontWeight: "bold",
  },

为什么会这样？

Answer 1

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

来自“空行”文档：

[Prettier 保留] 空行与原始源代码中的方式相同。还有两条附加规则：

• Prettier 将多个空行折叠成一个空行。
• 块（以及整个文件）开头和结尾的空行将被删除。（不过，文件总是以一个换行符结尾。）

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