前言
eslint 是一款非常流行的代码检查工具，它可以帮助我们在开发过程中发现一些可能存在的代码问题和潜在的 bug，尤其是在团队协作中更是不可或缺的工具之一。但是，eslint 的配置难度较高，如果我们没有一个专门的模板或规范，很容易出现配置不够严谨的情况，这就降低了 eslint 的使用效果。所以，在这里我将介绍一个优秀的 npm 包——eslint-config-concise，帮助大家更加简单高效地使用 eslint。
安装
安装 eslint 和 eslint-config-concise：
npm install eslint eslint-config-concise --save-dev
安装完成后，我们可以在项目根目录下创建一个 .eslintrc.json 文件。
配置
在 .eslintrc.json 文件中添加以下内容：
{
"extends": "concise",
"rules": {
// 自定义规则
}
}这里需要注意的是，我们是通过 "extends": "concise" 来继承 eslint-config-concise 的配置，然后在 "rules": {} 中对一些规则进行自定义覆盖。
约定
为了让不同的开发者协作更加高效，我们需要对一些约定进行明确：
代码风格
- 缩进使用 2 个空格。
- 单引号作为字符串的表示方式。
- 变量名使用驼峰式命名。
- 没有多余空格或行尾逗号。
- 行的长度不超过 80 个字符。
函数
- 使用 const 和 let 而不是 var。
- 不要使用箭头函数或者函数的简写格式。
- 不要使用全局变量。
- 避免使用 this，如没有必要，不要修改函数参数。
代码设计
- 尽量少用
if-else语句，使用switch或者object对象。 - 避免使用闭包，如不能避免，则须在注释中说明其作用。
示例
// .eslintrc.json
{
"extends": "concise",
"rules": {
// 自定义规则
}
}-- -------------------- ---- -------
-- ---------
----- - - --
----- --- - --------
----- --- - -
---- -------
--
-------- ------ -- -
------ - - --
-
------ --- -
---- -- -
-----------------
------
-
-------- -
-----------------------
------
-
-
-- ----
-------- ----- -
--- - - --
-------- ----- -
--- - - --
------ - - --
-
------ ------
-
-- ------
----- --- - -
------ -- -
------ - - --
--
------ -- -
------ - - --
-
--结语
eslint-config-concise 对 eslint 进行了良好的配置，尤其是对代码风格的约定和函数写法的优化，在团队协作中非常有用。这个 npm 包能够让我们更加高效地检查代码质量，减少代码问题和潜在 bug 的出现率，从而提升项目的稳定性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f28e31f3b0ab45f74a8ba70