Prettier - 允许 html 元素之间换行

Question

我想在代码中的一些 html 块之间保留一些空间。然而，Prettier 想要删除这些线条。是否有更漂亮的设置来保持这个间距？

更漂亮之前：

<template>
  <form>

    <div>First block</div>

    <div>Second block</div>
    
  </form>
</template>

更漂亮之后：

<template>
  <form>
    <div>First block</div>

    <div>Second block</div>
  </form>
</template>

Answer 1

实际上没有办法做到这一点，你可能只能使用技巧。

第一招

完全忽略文件（或文件扩展名），但您不会从 Prettier 中受益

第二招

拒绝 Prettier 修剪空白

trim_trailing_whitespace = true

并在换行符中添加空格。再说一遍，这不是一个有效的解决方案，它只是一个技巧。

开发者已关闭问题

添加和删​​除换行符是 Prettier 格式化算法的核心