怎么开始

强烈建议在你的项目中使用反应原生的 ESLint。ESLint 是使用社区提供的特定规则进行代码验证的工具。

对于 react-native,你可以使用规则集来进行 javascript,react 和 react-native。

常见的 ESLint 规则以及 javascript 的动机和解释,你可以在这里找到: https//github.com/eslint/eslint/tree/master/docs/rules 。你可以通过将 .eslintr.json 添加到’extends’节点’eslint:recommended’来简单地从 ESLint 开发人员添加就绪规则集。 (extends:[“eslint:recommended”])有关 ESLint 配置的更多信息,请参阅此处: http ://eslint.org/docs/developer-guide/development-environment。建议阅读有关这个​​非常有用的工具的完整文档。

接下来,你可以在此处找到有关 ES Lint react 插件规则的完整文档: https//github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules 。重要提示:并非所有来自反应的规则都与反应原生相关。例如:react / display-name 和 react / no-unknown-property。对于 react-native 上的每个项目,另一个规则是必须拥有,例如 react / jsx-no-bind 和 react / jsx-key。

选择自己的规则集要非常小心。

最后,有一个插件显示为 react-native: https//github.com/intellicode/eslint-plugin-react-native 注意:如果你将样式拆分为单独的文件,则规则 react-native / no-inline-样式不起作用。

为了在 react-native env 中正确使用此工具,你可能需要在配置中将值或’env’设置为:env:{browser:true,es6:true,amd:true} ,

ESLint 是开发高质量产品的关键工具。