什么是 eslint-config？
eslint-config 是 ESLint 提供的一种配置规则，可以直接使用已经设置好的一些规则，也可以自定义规则和配置。
什么是 eslint-config-exaprint？
eslint-config-exaprint 是由 exaprint 前端团队开发的一款 eslint-config 规则配置，它能够帮助前端可以更加高效的管理和维护代码。
如何使用 eslint-config-exaprint？
安装 eslint 和 eslint-config-exaprint
在使用的过程中，需要先在项目目录中安装 ESLint，可以使用以下命令：
npm install --save-dev eslint
安装完 ESLint 之后，就可以在项目中安装 eslint-config-exaprint，可以使用以下命令安装：
npm install --save-dev eslint-config-exaprint
修改 eslint 配置文件
在项目目录中找到 .eslintrc，如果该文件不存在可以手动创建，将以下代码复制粘贴到 .eslintrc 中：
{
"extends": "eslint-config-exaprint"
}启用 eslint
可以在 package.json 中添加以下代码来启用 eslint 检测代码：
"scripts": {
"lint": "eslint ."
}执行 npm run lint 命令即可检测代码。
eslint-config-exaprint 的规则说明
eslint-config-exaprint 的规则分为三个级别，分别是：
- 0：关闭规则；
- 1：开启规则，作为警告来提示；
- 2：开启规则，作为错误来提示。
以下是 eslint-config-exaprint 配置的一些规则：
缩进
使用 2 个空格作为缩进。
引号
使用单引号。
分号
在 JavaScript 文件的末尾强制使用分号。
变量声明
要求在变量声明之前加上 var、let 或 const。
多余空格
禁止行末多余空格。
非必须的三元运算符
禁止在没有必要的情况下使用三元运算符。
非必须的转义字符
禁止在字符串中使用不必要的转义字符。
函数参数默认值
禁止在参数默认值中使用可变的表达式。
使用 === 替代 ==
使用严格比较符号 === 替代普通等于符号 ==。
禁止使用 console
在代码中使用 console 会影响代码的运行效率，应该使用自定义的日志函数代替。
示例代码
以下是一个示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
----- ----------- -
----- ----------- -
--- -
----- -------- - ----- -------------------------
-- ---------------- --- ---- -
------ --------------
-
- ----- ------- -
------------------ ---- -------- -------
-
------ -----
-
-
------ ------- ------------如上所示，使用 ESLint 可以帮助我们规范 JavaScript 代码的风格，让我们的代码更加易读易维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/182963