随着 JavaScript 代码的数量不断增加，代码质量的控制也变得非常重要。eslint 是一个在 JavaScript 代码中执行静态分析的工具，可以帮助我们发现可能存在的问题，并强制执行一致的编码风格。
如果你正在使用 ES6 或 ES7 的语法，那么 eslint-config-esnext 就是一个非常好的选择，它提供了 ES6 和 ES7 语法所需要的规则和插件。
本文是一个 eslint-config-esnext 的使用教程，将会详细介绍如何安装和配置这个 npm 包，并附带示例代码。
安装
首先，我们需要创建一个新项目。在命令行中使用以下命令：
mkdir myproject
cd myproject
npm init接下来，我们需要安装 eslint 和 eslint-config-esnext：
npm i --save-dev eslint eslint-config-esnext
配置
在 .eslintrc 文件中配置 eslint， 然后将 ES6 或 ES7 提供的环境添加到 env 常量中，如下所示：
-- -------------------- ---- ------- - ------ - ------ ----- ------ ---- -- ---------- - --------------------- -------- -- -------- - ------- --------- ---------- --------- --------- ---------- ------------- ----- - -展开代码
如果你需要配置一些自定义规则，你可以使用 rules 配置项。以上示例配置了三种规则：
- 所有语句结尾都必须使用分号，如果没有使用分号，将会得到一个错误。
- 所有字符串必须使用双引号，如果使用单引号，将会得到一个错误。
- 禁止使用 console，不会报错，但是控制台输出就不会出现了。
示例代码
接下来，我们来看一些示例代码，这些示例代码将演示一些配置中的规则。
分号
function greet(name) { console.log('Hello, ' + name) } greet('World')
运行 eslint，将会得到一个错误：
1:31 error Missing semicolon semi
因为规则中要求所有语句结尾都必须使用分号，所以你需要在函数定义的最后加上一个分号。
字符串
console.log('Hello, World')
运行 eslint，将会得到一个错误：
1:13 error Replace ' with " quotes
因为规则中要求所有字符串必须使用双引号，所以你需要将单引号更改为双引号。
console
console.log('Hello, World')
在这个例子中，控制台输出不会导致错误，但如果你希望将一个控制台输出从 eslint 中排除，你可以在 .eslintrc 中使用 no-console 规则。
{ "rules": { "no-console": "off" } }
在这个例子中，控制台输出将被忽略，不会产生任何错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb41fb5cbfe1ea0611235
