安装并使用ESlint

ESlint文档

eslint文档

推荐全局安装ESlint

sudo npm install eslint -g

安装

在项目目录下：npm install eslint --save-dev

初始化ESlint配置，生成.eslintrc.js

在项目目录下：eslint --init

按照提示选择检查风格，目前推荐使用 Use a popular style guide

--> Airbnb（http://www.css88.com/archives/8345）

image.png

会自动下载安装以下依赖至devDependecies：eslint-config-airbnb、enlist-plugin-import、eslint-plugin-jsx-a11y、eslint-plugin-react

使用命令行生成ESlint检查报告

最后一个参数为项目目录

"eslint --config .eslintrc.js --output-file error_report.html --format html src/"

在代码编辑器中使用ESlint

WebStorm:

Preferences -> Languages & Frameworks -> JavaScript -> Code Quality Tools -> Eslint -> Enable (勾选) -> Apply -> OK

Sublime:

安装SublimeLinter

安装SublimeLinter-contrib-eslint

安装SublimeLinter（可定义编辑器检查风格如下划线样式，任意空白处点右键打开配置）

VScode:

安装ESlint插件

Atom:

安装linter-eslint