如果你是前端工程师，你一定知道代码质量的重要性。为了保证团队协作和项目可维护性，静态代码检查工具成为了必不可少的利器之一。而 ESLint 是目前最流行的 JavaScript 静态检查工具之一。
在 ESLint 中，规则集（ruleset）是一组预置配置，可以用于设置和开启特定的代码规则。eslint-config-standard-tunnckocore 就是一款基于 eslint-config-standard 的扩展规则集，它包括了一些额外的规则以及一些个人风格化的偏好。
下面将介绍如何使用 eslint-config-standard-tunnckocore 来进行代码规范检查。
安装依赖
首先，在项目中安装 eslint 和 eslint-config-standard-tunnckocore：
npm install eslint eslint-config-standard-tunnckocore --save-dev
配置 ESLint
在项目的根目录下新建 .eslintrc 文件，并添加以下内容：
{
"extends": ["standard-tunnckocore"]
}这个文件指定了使用 eslint-config-standard-tunnckocore 规则集作为 ESLint 的配置。如果你想自定义规则集，可以在 "extends" 属性中指定其他规则集。
配置 Editor
通过编辑器插件来在代码编写时进行实时的静态代码检查，这样可以更早地发现问题并及时解决。
以 VS Code 为例，在安装了 ESLint 插件 后，需要在设置中打开 ESLint 的自动修复功能：
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}这样，每次保存代码时，ESLint 就会自动运行并尝试修复错误。
示例
下面是一段使用 eslint-config-standard-tunnckocore 规则集的 JavaScript 代码示例：
-- -------------------- ---- -------
-- ----
----- --- - --- -- -
-- ----- -
------ ------------------
- ---- -
------ -----
-
--
-- ---
----- --- - ----- -- -
-- -----
------ ------------------
---- ------ -----
--上述代码中，“Good” 部分符合 eslint-config-standard-tunnckocore 规则集的要求，而 “Bad” 部分则不符合规则集的要求。其中，“Good” 部分采用了箭头函数、花括号和缩进等规范，而 “Bad” 部分则省略了花括号和缩进，导致可读性较差。
结论
通过使用 eslint-config-standard-tunnckocore，我们可以快速、方便地实现 JavaScript 代码规范检查。通过与编辑器插件的配合，可以让代码质量得到进一步提升。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/52460