【转】Eslint 配置及规则说明

从 Jocs 罗冉大神的github中翻阅Eslint的这几篇翻译文档,觉得相当不错,遂收录

项目中包含

Rules：该文件夹中包含了ESLint Rules的中文翻译（暂不包含v2.0.0新增Rules）。

Configration： 该文件夹内包含一个ESLint配置说明文件。

.eslintrc: 该文件是可以是你项目中有且仅有ESLint的配置文件，不包含规则简要解释。

eslintrc.json：该文件可以是你项目中有且仅有ESLint的配置文件，包含简要的规则解释。

Migrating-to-v2.0.0: ESLint迁移至v2.0.0手册，和Rules和Configration相关部分进行了翻译。

配置文件使用说明

安装依赖

在package.json文件中添加如下依赖（如果没有package.son文件需首先通过npm init 创建package.son 文件）：

"devDependencies": {
    "babel-core": "^6.5.2",
    "babel-eslint": "^4.1.8",
    "eslint": "^2.1.0",
    "eslint-plugin-promise": "^1.0.8",
    "eslint-plugin-standard": "^1.3.2"
  }

运行如下命令：

npm install

将文件夹中的eslintrc.json文件放置在项目根目录

并将eslintrc.json重命名为.eslintrc(或者直接使用文件夹中的.eslintrc文件)

修改配置文件

根据自己项目需要，在配置文件中globals配置项中添加项目所需全局变量：举个栗子：

"globals": {
    "document": true,
    "navigator": true,
    "window": true,
    "angular":true //添加项目所需没有申明的全局变量
  },

让ESLint运行起来

修改package.json文件。在script 配置项中添加如下代码：举个栗子：

1
2
3

"scripts": {
  "lint": "eslint app.jsx test" //其中app.jsx test需要替换成你项目需要检测的文件或文件夹
},

命令行运行如下代码：

npm run lint

好了，现在就可以在终端看检测结果了。