导入后设置更漂亮的空行？答案

【问题标题】：Set prettier blank lines after import?导入后设置更漂亮的空行？
【发布时间】：2018-12-16 02:22:43
【问题描述】：

我喜欢这样保留我的导入：

import { ValidationError } from "../errors/validation.error";
// Blank
// Blank
function doSomething() {


}

导入后有两个空行。 Prettier 在导入后仅使用一个空行格式化 JS。如何将它设置为我想要的尽可能多的空白行？

【问题讨论】：

我目前正在自己研究这个，因为我喜欢 3 行。如果我找到解决方案会报告。
这是我找到的最接近的东西github.com/prettier/prettier/issues/554#issuecomment-351517698 Prettier 背后的人不在乎添加选项。
我花了一些时间创建自己的 eslint-config npmjs.com/package/@inc/eslint-config 并简单地添加了一个运行“eslint --fix”的格式脚本。为我工作。

【解决方案1】：

如果你碰巧将 ESLint 与 Prettier 结合使用......

yarn add eslint-plugin-import --dev?here
将此添加到您的 .eslintrc.js
import/newline-after-import": ["error", { "count": 2 }] ? here
利润???

如果您碰巧使用 AirBnB Style Guide 的 eslint 设置，那么只需执行 #2 即可！

【讨论】：