规范化ESLint配置——env（三）

## ESLint配置中的env

ESLint配置中的env是一个对象，它可以指定代码运行的环境。ESLint内置了许多预定义的环境，例如：

* `"browser"`：浏览器环境
* `"node"`：Node.js环境
* `"jest"`：Jest测试环境

如果你想要指定代码运行的环境，可以使用env配置项。例如：

```json
{
  "env": {
    "browser": true
  }
}

这样，ESLint就会知道你的代码是在浏览器中运行的，它就会根据浏览器的规则来检查代码中的问题。

如何正确使用env配置项

在使用env配置项时，需要注意以下几点：

• 确保你选择的env配置项与代码运行的环境相匹配。
• 如果你的代码在多个环境中运行，可以使用多个env配置项。例如：

{
  "env": {
    "browser": true,
    "node": true
  }
}

• 如果你使用的是ESLint的扩展包，可能会提供更多的env配置项。例如，ESLint的airbnb扩展包提供了以下env配置项：

{
  "env": {
    "browser": true,
    "node": true,
    "jest": true,
    "react": true
  }
}

env配置项的常见问题

1. 为什么我的代码在浏览器中运行时报错，但在Node.js中运行时却不会报错？

这可能是因为你没有正确配置env。确保你选择的env配置项与代码运行的环境相匹配。

2. 我可以使用多个env配置项吗？

是的，你可以使用多个env配置项。例如，如果你想让你的代码在浏览器和Node.js中都能运行，可以使用以下env配置项：

{
  "env": {
    "browser": true,
    "node": true
  }
}

3. 我使用的是ESLint的扩展包，我应该如何配置env？

如果你使用的是ESLint的扩展包，可能会提供更多的env配置项。请参考扩展包的文档来了解如何正确配置env。

总结

ESLint配置中的env是一个非常重要的配置项，它可以帮助你指定代码运行的环境，从而让ESLint能够更准确地检查代码中的问题。通过正确使用env配置项，你可以提高代码质量和可维护性。

“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情” 上文说了esLint配置之globals，今天说下ESLint配置中的env，前文传送门， eslint从入门到