導入后設置更漂亮的空行？

Question

我喜歡這樣保持我的進口：

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


}

導入后有兩個空行。 Prettier 在導入后只用一個空行格式化 JS。 如何將其設置為任意數量的空行？

Answer 1

如果您碰巧將 ESLint 與 Prettier 結合使用...

1. yarn add eslint-plugin-import --dev 👉這里
   
   
2. 將此添加到您的.eslintrc.js
import/newline-after-import": ["error", { "count": 2 }] 👉 這里
   
   
3. 利潤💰💰💰
   
   

如果您碰巧使用了 AirBnB Style Guide的 eslint 設置，那么只需執行 #2 就完成了！