前言
在现代前端开发中，代码风格一直是一个极其重要的问题。为了保证代码风格的一致性，很多团队都会采用 eslint 来做代码 lint 工具。不过，eslint 默认的规则不一定适合所有团队的代码风格，我们需要自己定义并配置自己的 eslint 规则。而 eslint-config-basys 就是一个定义了基于 airbnb 规范的通用 eslint 规则的 npm 包。本篇文章将介绍如何使用并配置 eslint-config-basys 包。
安装
我们可以通过 npm 安装 eslint-config-basys：
npm install eslint-config-basys --save-dev
同时还需要安装 eslint：
npm install eslint --save-dev
配置
安装完毕后，我们需要在项目根目录新建一个名为 .eslintrc 的文件。在这个文件中，我们可以定义 eslint 的规则及其配置。
在 .eslintrc 中加入以下代码：
{
"extends": ["basys"]
}这里我们使用 extends 配置项来继承 eslint-config-basys 中的规则。这样，在我们的项目中就已经启用了一些最基本的eslint 规则了。可以通过 eslint-config-basys 官网来查看具体有哪些规则被应用。
如果你需要自定义你的规则，你只需要在这个配置文件中增加你自己的规则即可。
比如，我们想要禁用 console.log，在 .eslintrc 中加入以下规则：
{
"extends": ["basys"],
"rules": {
"no-console": "error"
}
}这里的 "no-console": "error" 规定了 console.log 会被禁用。error 表示禁用，而 warning 则表示警告。
使用
在配置好 eslint 和 eslint-config-basys 后，我们就可以在项目根目录执行 eslint 命令了。
./node_modules/.bin/eslint
这时，eslint 就会对我们的项目中的 javascript 文件进行 lint，输出不符合规范的行。
如果你想直接修复一些不符合规范的地方可以使用如下命令：
./node_modules/.bin/eslint --fix
这时，eslint 就会自动修复不符合规范的地方，使代码更加规范。
结语
通过本文的学习，你应该学会了如何在项目中使用 eslint-config-basys，并定义和配置自己的 eslint 规则。eslint 可以大大提升我们的代码编写效率和团队合作效率，希望大家在实际开发中能够充分利用eslint 工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79296