在前端开发领域中，tslint 可以作为一个 code linter 在代码编写过程中规范化您的代码，帮助您避免常见的代码错误。然而，tslint 的配置文件通常比较繁琐，时间成本较高，这压缩了很多开发者使用它的热情。幸运的是，tslint 社区提供了许多共享配置，tslint-config-fire 就是其中一个可以提高开发速度的配置文件
tslint-config-fire 的介绍
tslint-config-fire 可以视为 tslint 的预设配置，它定义了一系列推荐的代码规则。tslint-config-fire 是基于 tslint 和 ESLint 的配置文件标准和惯例构建的。它兼容于 Typescript 项目脚手架，可以运用于各种实际项目中。
怎样使用 tslint-config-fire
- 安装 tslint-config-fire
npm install tslint-config-fire --save-dev
2.创建配置文件
在项目的根目录下新建 tslint.json，并添加如下配置：
{
"extends": "tslint-config-fire",
"rules": {
// 在此处按需覆盖共享配置文件的规则
}
}在这里，我们继承了 tslint-config-fire，并按需覆盖共享配置文件的更改规则， tsconfig.json 中的 extends 属性可以继承其他的配置文件，我们可以继承其他的配置文件并按需覆盖共享配置文件的规则，以满足个性化需求。
- 运用或整合到其他的构建工具
tslint-config-fire 可以轻松地和一些任务管理工具整合在一起，如 Grunt，Gulp 和 Webpack，只需要将 TSLint 任务加入到任务流中就可以了。
以下是 Webpack 中使用 tslint-config-fire 的示例：
-- -------------------- ---- -------
-- -----------------
-------------- - -
------- -
------ -
-
----- --------
-------- ------
------- ----------------
-------- -
----------- --------------
----------- -----
----------- ----
-
-
-
-
--在这里我们运用了 tslint-loader，通过它加载 eslint，可以帮助我们规范我们的 Typescript 代码。
tslint-config-fire 的优势
- 常用的 ESLint 规则
tslint-config-fire 监测率高，由于基于 ESLint 配置的可扩展配置，可以消除对您代码质量的疑虑，促进您的项目开发和协作更高效
- 惯例设置
通常情况下，开发者往往为配置文件烦恼好一会，根据我们团队的使用情况，确定好所需要的配置，而 tslint-config-fire 的共享配置文件有助于减轻这个负担，同时规避了团队成员选项不同，导致产生代码风格不一致的问题。
结论
tslint-config-fire 可以帮助你轻松规范您的代码， 使团队成员之间保持一致的代码风格。通过本文介绍的使用方法，tslint-config-fire已经变得更加实用，更方便地融入我们的现有项目之中, 大大减轻了项目维护的难度。用户名 示例代码可以参考应用 https://github.com/brandonxiang/ts-fire-demo.
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5951ab1864dac66ec7