在 Atom 编辑器中，我安装了以下插件
- 短绒
- linter-eslint
他们似乎不认识 JSX 语法。
我让它在命令行上工作，但不得不使用其他插件，如esprima-fb和eslint-plugin-react。看起来 Atom 编辑器没有这样的插件，想知道你们中是否有人知道解决这个问题的方法。
如何在 Atom 编辑器上为 React 配置 ESLint
IT技术
reactjs
atom-editor
react-jsx
eslint
2021-04-08 23:23:30
5个回答
为了让 Eslint 与 React.js 很好地工作：
- 安装 linter 和 linter-eslint 插件
- 跑
npm install eslint-plugin-react - 添加
"plugins": ["react"]到您的 .eslintrc 配置文件 - 添加
"ecmaFeatures": {"jsx": true}到您的 .eslintrc 配置文件
下面是一个.eslintrc配置文件的例子：
{
"env": {
"browser": true,
"node": true
},
"globals": {
"React": true
},
"ecmaFeatures": {
"jsx": true
},
"plugins": [
"react"
]
}
我目前使用的是 Eslint v1.1.0。
旁注：我必须同时安装 eslint 和 eslint-plugin-react 作为项目依赖项（例如，npm install eslint eslint-plugin-react --save-dev）。希望这会有所帮助。
2016 年的更新答案：只需react在 Atom 中安装软件包并.eslintrc在您的项目根目录（或您的主目录）中添加一个包含以下内容的文件：
{
"parserOptions": {
"ecmaFeatures": {
"jsx": true
}
},
"env": {
"es6": true
}
}
并重新打开任何包含 JSX 的文件，它应该可以工作。
您需要编辑一个.eslintrc将由 ESLint 获取的项目本地文件。如果你想用的Atom集成，您可以安装插件棉短绒和棉短绒，eslint。
为了快速为 React 最佳实践设置 ESLint，当前的最佳选择是安装 npm 包eslint-plugin-react并扩展它们的recommended配置，而不是手动切换许多规则：
{
"extends": [ "eslint:recommended", "plugin:react/recommended" ],
"plugins": [ "react" ]
}
这将启用eslint-plugin-react和推荐来自 ESLint & React 预设的规则。最新的 ESLint用户指南本身有更多有value的信息。
以下是针对 ES6 和 webpack 优化的解析器选项示例：
{
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 6,
"ecmaFeatures": {
"impliedStrict": true,
"experimentalObjectRestSpread": true,
"jsx": true
}
}
}
我使用 Atom，它工作得很好。你只需要.eslintrc在你的项目根目录中告诉 ESLint 你正在使用eslint-plugin-react.
对于 Mac 用户：转到 Atom --> 首选项 --> 安装 --> 搜索包 linter-eslint --> 单击安装
对于 Ubuntu 用户：转到编辑 --> 首选项 --> 安装 --> 搜索包 linter-eslint --> 单击安装
转到命令行 ---> npm install --save-dev eslint-config-rallycoding
来atom新建文件.eslintrc并扩展rallycoding。