react中配置eslint

在根目录下创建.eslintrc.json,下面贴一下我的配置,每一项具体的意思大家可以去网上查一下,此篇文章不再写出

{
    "root": true,       //根配置,每一个文件夹都可以配置eslintrc文件,依次向外找该文件,找到 "root": true,  则停止,我再最外层只配置了一个eslintrc文件,则所有的文件只依赖这一个文件的规则
    "parser": "babel-eslint",
    "env": {
      "browser": true,
      "node": true
    },
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "rules": {
      "linebreak-style": "off",
      "func-names": 0,
      "max-len": [
        "warn",
        200,
        4,
        {
          "comments": 150
        }
      ],
      "indent": [
        "error",
        2,
        {
          "SwitchCase": 1
        }
      ],
      "react/jsx-indent": [
        2,
        2
      ],
      "semi": 0,
      "react/sort-comp": 0,
      "react/prop-types": 0,
      "react/prefer-es6-class": 0,
      "react/prefer-stateless-function": 0,
      "react/jsx-first-prop-new-line": 0,
      "react/jsx-filename-extension": 0,
      "no-return-assign": 0,
      "react/no-multi-comp": 0,
      "array-callback-return": 0,
      "no-underscore-dangle": 0,
      "no-bitwise": [
        "error",
        {
          "allow": [
            "~"
          ]
        }
      ],
      "no-plusplus": 1,
      "no-unused-expressions": [
        "warn",
        {
          "allowShortCircuit": true,
          "allowTernary": true
        }
      ],
      "import/no-unresolved": 0,
      "import/no-extraneous-dependencies": 0,
      "jsx-a11y/no-static-element-interactions": 0,
      "jsx-a11y/img-has-alt": 0,
      "no-unused-vars": [
        "warn",
        {
          "vars": "all",
          "args": "none"
        }
      ],
      "react/no-unused-state": [
        "warn"
      ],
      "no-param-reassign": [
        "error",
        {
          "props": false
        }
      ],
      "object-shorthand": 0,
      "jsx-a11y/anchor-is-valid": 0,
      "react/no-array-index-key": 0,
      "jsx-a11y/click-events-have-key-events": 0,
      "import/extensions": 0,
      "no-debugger": "off",
      "react/jsx-closing-tag-location": 0,
      "import/prefer-default-export": 0,
      "react/forbid-prop-types": 1,
      "class-methods-use-this": 0,
      "consistent-return": 1,
      "import/first": 1,
      "no-console":"off",
      "prefer-destructuring": [
        "warn"
      ],
      "object-curly-newline": [
        "error",
        {
          "minProperties": 5,
          "consistent": true,
          "multiline":true
        }
      ]
    }
  }

2.在webpack.config.js配置文件中
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值