RN相关环境配置

babel 安装以及介绍

• babel中文官网

• 安装 Babel CLI 和 env preset

ESLint Airbnb 配置

• 安装eslint

• 一定要cd到创建的项目的根目录安装

npm install --save-dev eslint

• 执行

eslint --init

出现代码风格选项：(依次选择)
1.Use a popular style guide
2.Airbnb (https://github.com/airbnb/javascript)
3.配置文件选JSON
4.是否支持React 选择 Y

• 其他的没事就选Y吧
  Successfully created .eslintrc.json file i XXX/XXXX 说明创建成功了
  结束后就会在根目录生成.eslintrc文件

• 配置.eslintrc文件

{
  "extends": "airbnb",
  "plugins": [
    "react",
    "react-native"
  ],
  "globals": {
    "__DEV__": true,
    "fetch": true
  },
  "parser": "babel-eslint",
  "rules": {
    "max-len": ["error", 120],
    "no-console": 0,
    "react/forbid-prop-types": [0, { "forbid": ["any", "array", "object"] }],
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
  }
}

在根目录的 package.json文件下修改如下:

"scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start",
  "lint": "eslint --ext .js ./src --fix"
}

错误

Could not find a package.json file. Run 'npm init' to create one.
Error: Could not find a package.json file. Run 'npm init' to create one.
    at check (/Users/30san/.nvm/versions/node/v10.7.0/lib/node_modules/eslint/lib/util/npm-util.js:106:15)
    at Object.checkDevDeps (/Users/30san/.nvm/versions/node/v10.7.0/lib/node_modules/eslint/lib/util/npm-util.js:160:12)
    at getModulesList (/Users/30san/.nvm/versions/node/v10.7.0/lib/node_modules/eslint/lib/config/config-initializer.js:112:39)
    at inquirer.prompt.then.answers (/Users/30san/.nvm/versions/node/v10.7.0/lib/node_modules/eslint/lib/config/config-initializer.js:624:33)
    at process._tickCallback (internal/process/next_tick.js:68:7)

• 出现这个错，没有cd到项目根目录下

webpack 安装