介绍
本篇文章将介绍如何使用 @kenan/eslint-config 这个 npm 包来进行前端代码的静态代码检查。
@kenan/eslint-config 包内置了 ESLint、Prettier、Airbnb 的代码规范，保证了代码的格式和质量，避免了代码重构时浪费时间的情况。并且，本包已进行配置，开箱即用，特别适用于快速地进行前端项目开发。
安装
通过 npm 安装 @kenan/eslint-config：
npm install --save-dev @kenan/eslint-config
使用
安装完成后，在项目的根目录下创建一个 .eslintrc.json 文件，并写入以下代码：
{
"extends": "@kenan/eslint-config"
}这样，我们就已经配置好了 ESLint，Prettier 和 Airbnb 代码规范。
运行下面的命令：
eslint yourfile.js
如果出现代码报错提示，则是因为您的代码不符合代码规范。
我们可以直接通过运行以下命令来修复错误：
eslint yourfile.js --fix
示例代码
以下是示例代码，在 WebStorm 下可以体现出代码规范的好处：
const hello = (name) => {
console.log(`Hello, ${name}!`);
}
hello('world');以上代码运行不会出现错误，但，如果使用了本包进行静态代码检查，则会发现以下报错：
ESLint: Missing semicolon. (semi) at line 2 col 12 (no-undef) ESLint: The parameter 'name' is never used. (no-unused-vars) at line 1 col 11
这个错误需要我们在 console.log 语句后加上分号（Missing semicolon.），并将 (name) 参数的名称改为 _ 或者删除，如下：
const hello = (_) => {
console.log(`Hello, world!`);
};
hello();最后的代码，已经符合了代码规范，不会产生报错。我们在使用 @kenan/eslint-config 这个 npm 包时，能够很快地找到代码存在的问题，修复代码得到的最终效果也非常优秀。
总结
通过这篇文章，我们了解到了如何快速地使用 @kenan/eslint-config 包进行前端项目开发，也了解了如何通过 ESLint 进行静态代码检查，并发现并修复代码中的问题。
本篇教程深入浅出，便于学习和理解，并且提供了实用的示例代码，帮助读者更好地掌握代码技巧和规范，有很大的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc047b5cbfe1ea0611c7c