如何让 ESLint 在 Sublime Text 3 编辑器中工作 React + Babel？答案

【问题标题】：How to get ESLint to work React + Babel in Sublime Text 3 editor?如何让 ESLint 在 Sublime Text 3 编辑器中工作 React + Babel？
【发布时间】：2016-09-26 10:07:00
【问题描述】：

我正在使用 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 上显示红点，但即使经过数小时后似乎仍无法弄清楚。任何建议或指导将不胜感激。提前谢谢你。

【问题讨论】：

我很确定文件名应该是.eslintrc，而不是.eslintrc.json。
@saadq ESLint 支持多种文件格式，所以应该没问题，请参阅eslint.org/docs/user-guide/…
>但它已被弃用，因为 'Sublime Text>Preferences>Package Settings' 不再显示下载的包。我不确定这意味着什么，您是说您无法通过菜单找到这些设置吗？另外，eslint 在你的系统路径上吗？ sublimelinter.readthedocs.io/en/latest/…

标签： javascript reactjs ecmascript-6 sublimetext3 eslint

【解决方案1】：

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

按 Command +Shift +P (mac)

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

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

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

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

【讨论】：

【解决方案2】：

我遇到了同样的问题，并通过安装 react 插件解决了它：

npm install eslint-plugin-react -g

【讨论】：