从弃用的 TSlint 迁移到 ESLint 后,哪个 ESLint 样式指南最接近 TSLint?

Posted

技术标签:

【中文标题】从弃用的 TSlint 迁移到 ESLint 后,哪个 ESLint 样式指南最接近 TSLint?【英文标题】:Which ESLint style guide is closest to TSLint, after migrating to ESLint from deprecated TSlint? 【发布时间】:2021-10-09 00:17:29 【问题描述】:

问题 - 来自 Angular 项目的 VSCode 的 TSLint 中最接近的 ESLint 风格指南是什么?除了更改 .eslintrc.json 中的一堆规则之外,是否有更好的开箱即用样式指南来使用它不会给我带来这么多错误?

我使用 Google 配置了我的样式指南(认为 Google 是 Typescript),但是我在使用 TSLint 时没有使用此样式指南时遇到很多错误。

Ex1。代码的最大长度是 80 -> 我相信 TSLint 是 140

Ex2。 ''后不应有空格

从 '@angular/core' 导入 AfterViewInit, Component, Input, OnDestroy, OnInit ;

仅供参考 - 我在 VSCode Angular 项目中从 TSLint 迁移到 ESLint。 我遇到了很多以前没有的 ESLint 错误。我在安装 ESLint 时使用了这些配置选项。前任。谷歌作为风格指南

这是我的 .eslintrc.json 文件


  "env": 
    "browser": true,
    "es2021": true,
    "node": true
  ,
  "extends": [
    "google"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": 
    "ecmaVersion": 12
  ,
  "plugins": [
    "@typescript-eslint"
  ],
  "rules": 
    "max-len": ["error", 
      "code": 140
    ]
  

【问题讨论】:

@typescript-eslint/eslint-plugin 和 @typescript-eslint/parser 我在推荐规则中使用了 eslint bulit、@typescript-eslint 推荐规则和 @angular-eslint 推荐规则的组合,并进行了一些特定的修改。我不认为从 tslint 到 eslint 完全是一对一的,这也取决于你是否有任何额外的 tslint 插件。回复:格式如大括号间距,我建议使用像prettier 这样的库来处理格式。 我用过 eslint 和 typescript。它们可以一起使用。 除了 ESLint,我还在使用 Prettier。您能否提供(作为答案)安装和使用最佳打字稿选项的步骤 我也安装了@typescript-eslint/eslint-plugin,但不确定解析器。我相信它们都已安装,因为 ESLint 询问我是否要安装它们,我说是的。我将发布我的 .eslintrc.json 文件。 【参考方案1】:

我不知道这是否更好,但我已经更改了我的样式指南

.eslintrc.json 文件来自

“扩展”:[“google”],

“扩展”:[“插件:@typescript-eslint/recommended”],

这似乎消除了我使用 TSLint 从未收到的许多错误。所以看起来这种风格可能更相似!?

有什么想法吗?

【讨论】:

以上是关于从弃用的 TSlint 迁移到 ESLint 后,哪个 ESLint 样式指南最接近 TSLint?的主要内容,如果未能解决你的问题,请参考以下文章

从tslint迁移

让 Angular 将 TSLint 迁移到 ESLint Banana-In-Box 错误

Eslint/Tslint 配置帮助(不包括文件)

tslint 扩展将订阅的非弃用版本标识为弃用

“TSLint 仍然存在” => 从 TSlint 升级到 ESLint

升级到 EsLint:angular.json 出错(原理图:convert-tslint-to-eslint)