javascript - 如何让 ESLint 在 Sublime Text 3 编辑器中运行 React + Babel？

Question

我正在使用 ReactJS 和 Babel。

这是我的 .eslintrc.json 中的内容:

{
"parser":"babel-eslint",
"env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
},
"extends": "eslint:recommended",
"parserOptions": {
    "ecmaFeatures": {
        "experimentalObjectRestSpread": true,
        "jsx": true
    },
    "sourceType": "module"
},
"plugins": [
    "react"
],
"rules": {

    "indent": [
        "error",
        "tab"
    ],
    "linebreak-style": [
        "error",
        "unix"
    ],
    "quotes": [
        "error",
        "double"
    ],
    "semi": [
        "error",
        "always"
    ]
}

在我的 package.json 中

{
  "name": "testing-site",
  "version": "1.0.0",
  "description": "to test",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
"type": "git",
"url": "git+https://github.com/test/testing-site.git"
  },
  "author": "Joe Shmo",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/test/testing-site/issues"
  },
  "homepage": "https://github.com/test/testing-site#readme",
  "dependencies": {
    "express": "^4.13.4",
    "react": "^15.1.0",
    "react-dom": "^15.1.0",
    "react-redux": "^4.4.5",
    "redux": "^3.5.2"
  },
  "devDependencies": {
"babel-core": "^6.9.0",
"babel-eslint": "^6.0.4",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.5.0",
"babel-preset-react-hmre": "^1.1.1",
"eslint": "^2.11.0",
"eslint-plugin-react": "^5.1.1",
"react-hot-loader": "^1.3.0",
"redux-logger": "^2.6.1",
"redux-thunk": "^2.1.0",
"webpack": "^1.13.1",
"webpack-dev-middleware": "^1.6.1",
"webpack-hot-middleware": "^2.10.0"
  }
}

我一直关注到 https://github.com/roadhump/SublimeLinter-eslint 上的“插件安装”但似乎无法让它仍然在 Sublime Text 3 上运行。此外，也为 babel-eslint 进行了全局和 save-dev 操作。

随后还有以下网站:http://jonathancreamer.com/setup-eslint-with-es6-in-sublime-text/

但它已被弃用，因为“Sublime Text>Preferences>Package Settings”不再显示下载的包。

我试图让 Sublime Text 发现主要是语法错误，在这种情况下，Sublime Text 上会显示红点，但即使在几个小时后似乎仍然无法弄清楚。任何建议或指导将不胜感激。提前谢谢你。

Answer 1

如果您同时安装了 jslint 和 eslint，那么 jslint 将覆盖 eslint 功能。

按 Command +Shift +P(苹果电脑)

键入“禁用”并选择禁用 lint 并输入

您将获得所有 jslint、eslint、json 等列表 点击jslint

现在它被配置为捕获 eslint 语法错误。

如果您想再次启用 jslint，您需要通过键入“启用”来执行相同的过程