ESlint开发环境配置

ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误，是JS开发过程中极佳工具，这篇文章将以WebStorm为例告诉你如何在本地配置ESlint环境。

首先，确保你的Node.js版本 (>=4.x), npm版本 2+。

这里有两种安装方式：

• 全局安装（学习过程推荐）:全局安装在自己的电脑上，以后别的项目也可以使用，免去了重复下载、配置的麻烦。本文讲解的是全局安装。
• 本地安装（开发过程推荐）：安装在当前项目下，仅对当前项目有效。如果你想让 ESLint 成为你项目构建系统的一部分，建议在本地安装。

在命令提示符中运行以下命令

npm install -g eslint

然后运行

eslint --init

在项目目录下（带有package.json文件的目录）初始化ESlint配置,此时弹出风格选择框

让你用方向键选择一种方式，第一个是通过询问来确定那你想要的具体实现风格，可以很具体的配置自己的风格，如果嫌麻烦可以选择第二个,直接配置成一种流行的风格，这里选择的是第二种。第三种是通过检查你的一个或多个js文件自动配置你的风格

这里有三个选择：谷歌，爱彼迎，标准。这里选择谷歌

选择你需要的文件类型，这里选择JS（如果需要选择多个，在配置文件中添加即可）然后就会自动完成安装。等待提示安装完成，接下来就是在IDE中导入ESlint了。打开WebStorm进入主界面,按ctrl+shift+a打开超级搜索，输入eslint，选中回车打开eslint配置

勾选Enable后按apply即可，webstorm会自动帮你完成配置

至此，安装完成。

参考文档：官方文档