exp init 项目的 eslint 配置

Posted 2023-03-13

【中文标题】exp init 项目的 eslint 配置

【英文标题】：eslint config for exp init project

【发布时间】：2018-09-04 04:51:44

【问题描述】：

我正在编译在所有类型的 react native 项目中添加 eslint-flow-prettier 的完美方法。 我对在 Expo 项目中使用 eslint 有一些疑问。 exp init 是否也安装了 eslint？ 如果没有，我尝试使用以下命令安装 eslint

1)yarn add --dev eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint 

2)yarn eslint --init

这是将 eslint 放入 expo 项目的正确方法吗？ 在上面的第二步中，它要求选择“使用流行的风格指南”，我选择了 Airbnb，之后它删除了多个包并且项目没有运行（错误的明显原因：缺少库）。那么为什么会这样？我应该选择 Airbnb 以外的配置吗？（eslint 配置只有 3 个选项：Google、Airbnb、Standard）

我也确实将 YARN 用于 expo 项目，因为 NPM 带来了更多的复杂性，因为它在上面的第 1 步中删除了 500 多个包，这导致许多库从项目中丢失，我尝试 npm install 安装所有包，但是仍然有问题。所以选择了 YARN。

现在我想以某种方式将 eslint 包含在 Expo 项目中。

提前致谢。

更新 3 月 26 日 16:25 IST： 1）这里是使用安装 eslint 后的信息：npm install --save-dev eslint-config-airbnb babel-eslint（npm 版本 5.8.0）

【问题讨论】：

你用的是哪个编辑器？

@AnjalSaneen，感谢您的回复。我正在使用 vscode，也是 npm 版本 5.8.0，expo 版本：50.0.5

【参考方案1】：

这个问题通过删除项目目录中的node_modules文件夹得到解决，并做了npm intsall。 因此，在任何npm install <package> 期间，如果它删除了一些其他以前安装的软件包，目前唯一的方法是删除整个node_module 文件夹并执行npm install。这对我有用，当创建具有本机代码支持的 react-native 应用程序时出现此问题时 (https://facebook.github.io/react-native/docs/getting-started.html)。

【参考方案2】：

将eslint-config-airbnb 和babel-eslint 安装为开发依赖项。

在您的根目录中创建一个名为 .eslintrc 的文件并将其添加到此文件中

"extends": "airbnb",
"parser": "babel-eslint",  
"rules": 

    

在您的编辑器中安装 Eslint 扩展。这是 vscode 的extension（如果你使用 Webstorm，你可以启用 eslint）

【讨论】：

我应该使用 YARN 还是 NPM？

@Raj 这是你的选择。我正在使用 npm。但我也喜欢纱线npm install --save-dev eslint-config-airbnb babel-eslint。这是 npm 的命令

有一些问题我正在用截图更新问题