使用 TSLint 分析和修复您的 Angular 6 代码

根据 TSLint 官方网站 https://palantir.github.io/tslint/，TSLint 是一个可扩展的静态分析工具，用于检查 TypeScript 代码的可读性、可维护性和功能错误。它被现代编辑器和构建系统广泛支持，并且可以自定义 lint 规则、配置和格式化程序。

开发高质量代码是至关重要的，因此强烈建议在代码签入到源代码控制之前，进行 TSLint 检查并修复潜在的错误。

Angular 应用程序已经集成了 TSLint，可以在项目的根目录下找到 tslint.json 文件。

TSLint 也被定义为 package.json 中的开发依赖项。

使用 CLI 的 TSLint

Angular CLI 对 linting 提供了扩展支持，要扫描代码中的问题，请运行以下命令。

Ng lint

你可以在控制台窗口中看到错误列表，但阅读和修复起来比较困难。

CLI 还支持自动修复问题（最常见的情况），要扫描和修复，请使用以下命令。

Ng lint material-app --fix (here material-app is the name of the application)

注意：可能仍有一些问题需要手动修复。

使用 Visual Code 的 TSLint

打开 VS Code，点击扩展 (Ctrl + Shift + X)。

在搜索框中搜索 TSLint。

点击安装，安装完成后，重启 VS Code 以完成安装。

在当前打开的文件中，问题将被突出显示，将光标放在问题上并按下 control + dot 将会弹出如下图像所示的选项。

修复当前问题，或者点击 “修复所有可自动修复的选项” 将修复所有问题。

如果你想使用命令面板进行修复，则按 Ctrl + Shift + P 将打开命令面板，选择或输入 “TSLint: 修复所有可自动修复的问题” 命令以修复所有问题。

CodeProject