webstorm安装eslint插件_webstorm引用ESLint进行静态代码检查

JavaScript 的代码检查工具有：JSLint，JSHint， JSCS， ESLint，本文着重介绍 ESLint。

ESLint 在一系列的代码质量检查工具中，是最年轻的一个，当然也是最现代化的。配置多样，支持 JavaScript， JSON 以及 YAML 格式的.eslintrc.*文件，同时也支持在package.json用eslintConfig字段配置(Configuration File Formats)。

安装

ESLint 基于 Node 平台，所以 Nodejs 是必须安装的，然后通过 npm 安装 ESLint 包，至于全局安装还是作为开发依赖安装，取决于个人。

然后在 WebStorm 中，打开设置(File>Setting或者Alt+F7)，按路径进入 ESLint 的配置界面(Languages&Frameworks>JavaScript>Code Quality Tools>ESLint)。开启 ESLint，并配置相应路径，配置文件默认使用.eslintrc。

配置

ESLint 的配置分为六大块，分别是：

Parser Options(解析器选项)。涉及语言版本等参数。ESLin t默认只支持 ES5，如果需要支持 ES6，需要在这配置。

Parser(解析器选择)。可以让你自己选择ESLint的解析器。ESLint 默认使用Espress作为作为解析器，强烈不推荐修改

Environments(语言环境选项)。比如borwser，no