RN项目中使用ESLint

参考链接:

ESLintのGitHub仓库

ESLint中文网

Atom使用全局配置Eslint

ESLint使用文档

简介：

ESLint 是用来检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。

安装与使用：

1.安装EsLint

      ESLint的安装分为全局安装与局部安装。全局安装的ESLint实例只能使用全局安装的ESLint插件，本地安装的版本只能用本地安装的插件，不支持混合本地和全局插件。在此采用本地安装：

    npm install eslint --save-dev

2.安装 Airbnb 语法规则，以及 import，a11y，react 插件

    npm install eslint-config-airbnb --save-dev

    npm install --save-dev eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react

3.安装 babel-eslint（Optional）

      由于项目中使用到 babel，babel与Eslint配合使用时，安装该插件。关于babel详情请见 Babel入门教程

    npm install --save-dev babel-eslint

4.在项目根目录下新建一个 .eslintrc文件

        eslint --init

      该命令主要作用是在当前文件夹下生成 .eslintrc文件，同时也会把eslint在当前文件夹下重新安装一遍。如果使用包的话，还会要求必须要有package.json文件。它主要提供3种预安装包：Google标准，Airbnb标准，Standard标准。目前而言，公认的最好的标准是Airbnb标准。该示例采用了此标准安装。

5. 配置ESLint

      打开 .eslintrc 文件，做以下配置：

"extends": "eslint-config-airbnb",
"parser": "babel-eslint",
"plugins": [
    "react", "import"
],
"settings": {
    "import/parser": "babel-eslint"
},

      其他自定义配置可参照关于ESLint配置的文档，在此不一一列举。

6.使用配置好的ESLint

选择WebStorm->Preferences->Languages & Frameworks->JavaScript->Code Quality Tools->ESLint

勾选Enable，并选好 ESLint package，Apply~

然后就可以开始愉快地编码咯~~