自动修复 TSLint 警告答案

【问题标题】：Auto fix TSLint Warnings自动修复 TSLint 警告
【发布时间】：2017-12-04 02:30:04
【问题描述】：

    [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 的此类警告。警告数量庞大，手动修复将非常困难。

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

【问题讨论】：

这个答案可能有用：stackoverflow.com/questions/36447910/…

标签： angular typescript warnings tslint

【解决方案1】：

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

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

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

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

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

【讨论】：

如果您使用 Angular CLI，则使用 ng lint --fix 运行
@daniel.caspers 或node_modules\.bin\tslint --fix -c ./tslint.json 'src/**/*{.ts,.tsx}'

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

也许这可以帮助一些在保存时寻找自动修复的人！

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

  "source.fixAll.tslint": true

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

编码愉快！

【讨论】：

太棒了！一件事：您必须将该行添加到settings.json 而不是tslint.json。完整代码添加："editor.codeActionsOnSave": { "source.fixAll.tslint": true }

【解决方案5】：

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

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

【讨论】：

【解决方案6】：

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

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

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

在这里阅读更多：tslint-loader

【讨论】：