如何使用 prettier 在类中的方法声明前后添加新行？

Question

需要配置哪些设置才能使用vs 代码编辑器中的prettier 插件在打字稿文件的类中的方法声明前后添加新行？

我们如何通过在.prettierrc或tslint.json文件中写入任何规则来实现？

目前的行为是

function one(){
// some code
}
function two(){
// some code
}

预期结果

function one(){
// some code
}

function two(){
// some code
}

我在tslint.json 中尝试过以下行

"lines-between-class-methods": "true"

但没有用

Answer 1

@lakshan 提到的是ESLint 规则。有一个 TSLint 规则可以完成您正在寻找的内容，但与类方法有关。

https://github.com/chinchiheather/tslint-lines-between-class-members

跑

npm install --save-dev tslint-lines-between-class-members

添加

tslint.json

{
  "rulesDirectory": [
    "node_modules/tslint-lines-between-class-members"
  ],
  "rules": {
    "lines-between-class-members": true,
  }
}

Answer 2

在你的 es-lint 规则中尝试这个，

"lines-between-class-members" : ["error", "always"]

It will throw you an error if you violate the condition. & I think you must declare your functions inside a class in order that to work.

除此之外，您可能无法使用 prettier 进行自动修复，因为事实证明空行很难自动生成。Prettier 采用的方法是按照原始源代码中的方式保留空行。