ESLint配置

1. 介绍

ESLint是一个用作JavaScript和JSX的语法检测插件,我们通过使用它来规范我们的前端代码.让整个团队成员的编码风格一致,以便于维护.

2. 安装

2.1. 项目内安装

安装开发依赖

npm install eslint --save-dev  

定义配置文件

./node_modules/.bin/eslint --init

如果需要react,请安装

npm install eslint-plugin-react  

2.2. 全局安装

全局安装命令

npm install -g eslint  

在项目内定义配置文件

eslint --init  

如果需要react,请安装

npm install -g eslint-plugin-react  

react使用时,需要变更匹配规则

"extends": ["eslint:recommended", "plugin:react/recommended"]

3. 使用

使用命令行,我们可以根据当前项目配置检测对应js文件

eslint yourfile.js  

同时,我们还可以配合编辑器插件进行使用.所有支持的列表请见Integrations.
这里以sublime为例:
1. 首先安装SublimeLinter
2. 然后安装SublimeLinter-contrib-eslint
3. 进入Tools->SublimeLinter->Toggle Linter启用eslint即可.

如果使用react的jsx文件,请安装https://packagecontrol.io/packages/Babel,并在右下角切换jsx文件为Babel检测

此时进入对应项目文件,如果有错误,即可在左侧及下方看到错误提示.

4. 参考