React开发eslint配置

最新推荐文章于 2025-09-10 23:30:27 发布

原创

最新推荐文章于 2025-09-10 23:30:27 发布 · 1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#react #eslint

本文介绍了Eslint作为JavaScript验证工具的作用，并详细说明了在React项目中设置Eslint的配置，包括安装的插件、规则设置、如何关闭特定文件或代码行的检查，以及Eslint配置文件的不同类型。

Eslint介绍
Eslint 是一个JavaScript验证工具,有了它可以让你的编辑器像ide一样进行一些静态的错误提示功能.

npm install eslint -g

项目需要安装的插件

"babel-eslint": "^8.0.3",
"eslint": "^4.13.1",
"eslint-plugin-react": "^7.5.1",

配置详情
下面的配置涵盖了开发者所需要的绝大部分信息，rules中的值0、1、2分别表示不开启检查、警告、错误。你可以看到下面有些是0，如果有需要开启检查，可以自己修改为1或者2。

module.exports = {
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true
  },
  "extends": "eslint:recommended",
  "globals": {
    "$": true,
    "process": true,
    "__dirname": true
  },
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaFeatures": {
      "experimentalObjectRestSpread": true,
      "jsx": true
    },
    "sourceType": "module",
    "ecmaVersion": 7
  },
  "plugins": [
    "react"
  ],
  "rules": {
    "quotes": [2, "single"], //单引号
    "no-console": 0, //不禁用console
    "no-debugger": 2, //禁用debugger
    "no-var": 0, //对var警告
    "semi": 0, //不强制使用分号
    "no-irregular-whitespace": 0, /