1. 简介
@typescript-eslint/eslint-plugin-tslint 是一个用于在 TypeScript 项目中使用 TSLint 风格检查器的 ESLint 插件。它定制了一些规则来检查 TypeScript 代码中的潜在问题和错误，并与已有的 eslint 插件协同工作，以提供一致的代码风格和可读性。
在本篇文章中，我们将介绍如何在 TypeScript 项目中使用 @typescript-eslint/eslint-plugin-tslint 进行代码检查。
2. 安装与配置
首先，安装 @typescript-eslint/eslint-plugin-tslint：
npm install @typescript-eslint/eslint-plugin-tslint --save-dev
然后，在你的 eslint 配置文件中添加以下内容：
-- -------------------- ---- -------
-------------- - -
-- ---
---------- -
-
------ -------- ---------
------- ----------------------------
-------- ---------------------- -----------------------------
-------- -
----------------------------------------
-----------------------------------------------
-----------------------------------------------
--
--
--
-- ---
--在这段配置中，我们启用了 @typescript-eslint/parser 作为 TypeScript 的解析器，同时添加了 @typescript-eslint 插件和 @typescript-eslint/tslint 插件。这两个插件将协同工作，为我们提供更加完善的代码检查功能。
3. 示例代码
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- ------- -
------ ----- -------
----------------- ------- -
--------- - -----
-
------ ---------- -
------------------- ----------------
-
-
----- ------- - --- ------------- ------
-------------------在这个例子中，我们定义了一个名为 Example 的类，并添加了一个 sayHello 方法来打印问候语。在构造函数中，我们接受了一个字符串类型的参数，并将其赋值给类的一个属性 name。
4. 代码检查功能
在启用了 @typescript-eslint/eslint-plugin-tslint 的 eslint 配置中，我们已经可以使用 TSLint 提供的检查功能来检查 TypeScript 代码中的潜在问题和错误了。
例如，我们添加一条 no-empty 函数检查规则来检查是否有空的函数：
{
"rules": {
"@typescript-eslint/tslint/no-empty-function": "error"
}
}现在，我们运行 eslint 并指定要检查的文件：
eslint myfile.ts
如果我们的代码中有一个空的函数：
function doNothing() {}那么，我们会得到以下提示：
MyFile.ts 3:0 error Empty functions are not allowed @typescript-eslint/tslint/no-empty-function ✖ 1 problem (1 error, 0 warnings)
这个错误提示告诉我们，我们的代码中存在一个空的函数，这是不允许的。
5. 结论
在本篇文章中，我们介绍了如何使用 @typescript-eslint/eslint-plugin-tslint 进行 TypeScript 代码检查。通过协同工作，该插件可以提供更加严格的代码检查功能，帮助我们在项目开发中发现潜在问题和错误，从而提高代码的可读性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/200318