简介
tslint-config-yoshi 是一款为 TypeScript 项目提供配置的 npm 包。其以 yoshi 风格为基础，提供一组可靠的代码检查规则，帮助你的项目在保证质量的同时提高开发效率。
本文将介绍 tslint-config-yoshi 的使用教程，包括安装、配置和使用方法。
安装
安装 tslint-config-yoshi 非常简单，只需在项目中使用 npm 或 yarn 安装即可：
npm i tslint-config-yoshi --save-dev
yarn add tslint-config-yoshi --dev
配置
安装完 tslint-config-yoshi 后，你可以使用该包的默认配置开始检查代码，也可以对该配置进行定制化。
如果你选择对配置进行定制化，需要在项目根目录下创建一个 tslint.json 文件，并将以下代码复制到该文件中：
{
"extends": "tslint-config-yoshi",
"rules": {
// 在这里添加你的规则覆盖或新规则
}
}通过上述代码，你可以通过继承 tslint-config-yoshi 来设置你自己的规则。
如果你需要覆盖 tslint-config-yoshi 中的某个规则，可以将其添加到 "rules" 里面，并修改对应的值即可。比如，如果你想禁止使用 var 声明变量，可以将 "no-var-keyword" 的值设置为 true：
{
"extends": "tslint-config-yoshi",
"rules": {
"no-var-keyword": true
}
}注意，如果你设置的某个规则与 tslint-config-yoshi 中的规则冲突，将以你的设置为准。
使用
使用 tslint-config-yoshi 检查你的 TypeScript 项目非常简单，只需在该项目根目录下运行一条命令：
tslint --project ./**/*.ts
在这个命令中，我们使用 tslint 来启动代码检查，--project 参数用于指定 TypeScript 项目目录，/**/*.ts 表示检查该目录下所有的 TypeScript 文件。
最后，我们可以将该命令添加到项目的 npm scripts 中，方便地使用该命令进行代码检查：
{
"scripts": {
"lint": "tslint --project ./**/*.ts"
}
}VSCode 集成
如果你使用 Visual Studio Code 作为开发工具，你还可以在编辑器中使用 tslint。
打开 VSCode，按下 Ctrl + Shift + X 快捷键，搜索 tslint 插件并安装，在插件安装完成后重启 VSCode。
打开任意 TypeScript 文件，在编辑器下方的状态栏中你将看到 tslint 的输出信息，点击 output 就能在 输出面板 中查看 tslint 的详细信息。
WebStorm 集成
如果你使用 WebStorm 作为开发工具，你还可以在编辑器中使用 tslint。
打开 WebStorm，进入 Preferences -> Languages & Frameworks -> TypeScript，勾选 Enable TypeScript Compiler，勾选 Enable TSLint，点击 TSLint Package 选择自己安装的 tslint。
在 TypeScript 代码中，如果存在 tslint 规则冲突，WebStorm 会在代码中标识出来，方便你及时修复。
结语
tslint-config-yoshi 是一款非常实用的代码检查工具，它可以帮助你对 TypeScript 代码进行严格的检查，从而保证代码的质量和可读性。
如果你刚刚接触 tslint-config-yoshi，建议先使用默认配置开始检查代码，掌握其基本用法，然后再根据自己的需要进行定制化。
希望本文对你有所启发，帮助你更快地掌握 tslint-config-yoshi。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f053dba403f2923b035beb2