React 添加eslint检测

简介: 1). 添加包npm install eslint --save-devnpm install eslint-config-airbnb --save-devnpm install eslint-plugin-import --save-dev...
1). 添加包
npm install eslint --save-dev
npm install eslint-config-airbnb --save-dev
npm install eslint-plugin-import --save-dev
npm install eslint-plugin-jsx-a11y --save-dev
npm install eslint-plugin-react --save-dev
npm install babel-eslint --save-dev
2). 在工程根目录下创建.eslintrc文件
{
  "parser": "babel-eslint",
  "extends": "airbnb",
  "rules": {
    "generator-star-spacing": [0],
    "consistent-return": [0],
    "react/forbid-prop-types": [0],
    "react/jsx-filename-extension": [1, { "extensions": [".js"] }],
    "global-require": [0],
    "import/prefer-default-export": [0],
    "react/jsx-no-bind": [0],
    "react/prop-types": [0],
    "react/prefer-stateless-function": [0],
    "no-else-return": [0],
    "no-restricted-syntax": [0],
    "import/no-extraneous-dependencies": [0],
    "no-use-before-define": [0],
    "jsx-a11y/no-static-element-interactions": [0],
    "no-nested-ternary": [0],
    "arrow-body-style": [0],
    "import/extensions": [0],
    "no-bitwise": [0],
    "no-cond-assign": [0],
    "linebreak-style": [0],
    "import/no-unresolved": [0],
    "require-yield": [1],
    "prefer-template":[0],
    "no-undef":[0],
    "no-param-reassign":[0],
    "no-useless-escape":[0],
    "no-plusplus":[0],
    "no-mixed-operators":[0],
    "object-shorthand":[0],
    "no-console": [0],
    "no-loop-func":[0],
    "class-methods-use-this":[0],
    "radix":[0],
    "no-trailing-spaces":[0],
    "comma-dangle": [0],
    "no-underscore-dangle": [0],
    "react/require-default-props": [0],
    "no-unused-expressions": [0],
    "react/sort-comp":[0],
    "max-lines": [2,500],
    "max-len": [2,125],
    "react/jsx-boolean-value": [0],
    "react/react-in-jsx-scope": [0],
    "operator-assignment": [0],
    "no-fallthrough": [0],
    "react/no-array-index-key": [0],
    "eqeqeq": [0],
    "react/no-multi-comp": [0],
    "react/no-unused-prop-types": [0],
    "prefer-const": [0]
  },
  "parserOptions": {
    "ecmaFeatures": {
      "experimentalObjectRestSpread": true
    }
  }
}
目录
相关文章
|
前端开发
前端学习笔记202307学习笔记第五十七天-react源码-react检测是否使用了props之1
前端学习笔记202307学习笔记第五十七天-react源码-react检测是否使用了props之1
44 0
|
前端开发
前端学习笔记202307学习笔记第五十七天-react源码-react检测是否使用了props之2
前端学习笔记202307学习笔记第五十七天-react源码-react检测是否使用了props之2
47 0
|
前端开发
Eslint for React #63
Eslint for React #63
51 0
|
前端开发
react 关闭 eslint代码校验
react 关闭 eslint代码校验
|
前端开发 JavaScript Java
【react】利用prop-types第三方库对组件的props中的变量进行类型检测
1.引言——JavaScript就是一个熊孩子   1.1对于JSer们来说,js是自由的,但同时又有许多让人烦恼的地方。javascript很多时候就是这么一个熊孩子,他很多时候并不会像C和java这些“好孩子”那样循规蹈矩。
1002 0
|
6月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
349 0
|
6月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
72 0
|
6月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
73 0
|
6月前
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
71 0
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
118 0