自动修复 TSLint 警告

Question

    [64, 1]: space indentation expected
    [15, 27]: Missing semicolon
    [109, 36]: missing whitespace
    [111, 24]: missing whitespace
    [70, 1]: Consecutive blank lines are forbidden

我不断从 TSLint 收到这样的警告。 有大量警告，手动修复将非常困难。

我正在寻找一种可以自动修复大多数警告的方法。

Answer 1

您可以使用--fix选项来自动修复大多数警告。 在常见用例中，这可能看起来像这样：

tslint --fix -c ./config/tslint.json 'src/**/*{.ts,.tsx}'

请记住，这将覆盖您的源代码。 虽然这在 99.9% 的情况下都是安全的，但我建议使用以下工作流程：

1. 提交您对代码所做的更改
2. 使用上面的--fix标志运行 TSLint
3. 快速查看 TSLint 所做的更改
4. 使用这些更改进行新的提交，或者简单地将它们修改为您之前的提交

这样，您将永远不会因恶意自动更正出错而感到惊讶。

Answer 2

tslint --fix --project ./tsconfig.json

这是自动修复所有错误是根文件夹

Answer 3

使用@angular/cli 你可以使用ng lint --fix

Answer 4

可能这可以帮助某些人在保存时寻找 autoFix！

我们可以制作 tslint 警告以在保存时自动修复。 为此，请转到 tslint.json 文件并添加以下设置。 [注意：此设置适用于最新的 TSLint 而不是已弃用的]。

  "source.fixAll.tslint": true

更新后，转到任何文件并尝试提供一些空格，它会将 tslint 警告消息显示为“尾随空格”，当您保存（Ctrl + S）时，此警告将消失。 虽然它是手动出现的，但我们通常倾向于在编辑后尝试保存文件，到那时它会自动修复。

快乐编码！

Answer 5

如果您使用IntelliJ Idea或WebStrom ，那么您可以通过以下配置在Settings > Tools 中创建 File Watcher：

在保存（ Ctrl + s ）时，您当前的文件将被修复。

Answer 6

如果你使用 webpack 。 您可以使用 tslint-loader：

将此添加到 webpack 模块规则中：

{
    test: /\.ts$/,
    loader: 'tslint-loader',
    enforce: 'pre',
    options: {
      fix: true
    }
  }

在此处阅读更多信息： tslint-loader