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

Question

使用vs 代码编辑器中的更漂亮的插件，需要配置哪些设置才能在 typescript 文件中的类中的方法声明之前和之后添加新行？

我们如何通过在文件中写入任何规则来.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

lines-between-class-members是 ESLint 的内置，替代了现在已弃用的 TSLint。此规则适用于 TypeScript 和 JavaScript，并且--fix受支持。有关完整详细信息，请参阅https://eslint.org/docs/rules/lines-between-class-members。您可能希望为 TypeScript 设置为 true。 exceptAfterSingleLine

要让 ESLint 为 TypeScript 工作，你必须安装 npm 包@typescript-eslint/parser，@typescript-eslint/eslint-plugin并在你的 ESLint 配置中包含解析器和插件。请参阅typescript-eslint 文档。

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "rules": {
    "lines-between-class-members": ["error", "always", { "exceptAfterSingleLine": true }]
  }
}

Answer 3

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

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

如果您违反条件，它将引发错误。&我认为你必须在一个类中声明你的函数才能工作。

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