如何configurationESLint在primefaces编辑器的反应

在Atom编辑器中，我安装了以下插件

1. 棉短绒
2. 棉短绒，eslint

看来他们不认识JSX语法。

我已经在命令行工作，但必须使用其他插件，如esprima-fb和eslint-plugin-react 。 看起来像Atom编辑器没有这样的插件，并想知道你是否有人知道一个方法来解决这个问题。

Answer 1

让Eslint和React.js很好的一起工作：

1. 安装linter＆linter-eslint插件
2. 运行npm install eslint-plugin-react
3. 添加"plugins": ["react"]到您的.eslintrcconfiguration文件
4. 将"ecmaFeatures": {"jsx": true}到.eslintrcconfiguration文件中

这里是一个.eslintrcconfiguration文件的例子：

 { "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 ）。 希望这有助于。

Answer 2

更新了2016年的答案：只需在Atom中安装react包，并在您的项目根目录（或您的主目录）中添加一个.eslintrc文件，其中包含以下内容：

 { "parserOptions": { "ecmaFeatures": { "jsx": true } }, "env": { "es6": true } } 

并重新打开任何包含JSX的文件，它应该工作。

Answer 3

您需要编辑一个项目本地.eslintrc文件， .eslintrc文件将被ESLint拾取。 如果你想与Atom集成，你可以安装插件linter和linter-eslint 。

要快速设置ESLint React最佳实践，当前最佳select是安装npm包eslint-plugin-react并扩展其recommendedconfiguration，而不是手动切换许多规则：

 { "extends": [ "eslint:recommended", "plugin:react/recommended" ], "plugins": [ "react" ] } 

这将启用eslint-plugin-react ＆React预设的eslint-plugin-react和推荐的规则。 最新的ESLint 用户指南本身有更多有价值的信息。

以下是针对ES6和webpack优化的parsing器选项的示例：

 { "parserOptions": { "sourceType": "module", "ecmaVersion": 6, "ecmaFeatures": { "impliedStrict": true, "experimentalObjectRestSpread": true, "jsx": true } } } 

Answer 4

我使用Atom，它工作得很好。 你只需要一个.eslintrc在你的项目根目录下告诉ESLint你正在使用eslint-plugin-react 。

Answer 5

1. 对于Mac用户：转到Atom – >首选项 – >安装 – >search包linter-eslint – >单击安装

2. 对于Ubuntu用户：转到编辑 – >首选项 – >安装 – >search包linter-eslint – >单击安装

3. 去命令行—> npm install –save-dev eslint-config-rallycoding

4. 来atom创build新文件.eslintrc并延长rallycoding。