React Native 文件架构中每个文件的用途是什么？

Question

我最近开始使用 React Native，根据官方文档，我使用 npx react-native init ProjectName 初始化了一个项目。

我不确定工具版本是否重要（可能是），但我使用的是npm version 6.13.7、react-native-cli version 2.0.1 和react-native 0.62.2。使用该配置，我得到的文件架构如下：

我搜索了它，但我没有找到答案。那么，有人可以向我解释一下这个文件架构中每个文件的目的是什么，我可以删除哪些文件？

提前谢谢你：D

Answer 1

Package.json

此文件包含您的应用正在使用和安装以运行您的应用所需的模块的所有依赖项。

yarn.lock 文件 yarn 和 package-lock.json

这两个文件保存你的依赖版本 yarn.lock package-lock.json 会自动为 npm 或 yarn 修改 node_modules 树或 package.json 的任何操作生成。它描述了生成的确切树，以便后续安装能够生成相同的树，而不管中间依赖项更新如何。

app.json

此文件包含您的应用程序名称等。

babel.config.js

这个文件包含与 babel 相关的配置，Babels 是一个将 ES6 转译为 ES5 的转译器。

index.js

这是你的 react-native 代码开始执行的应用程序表单的入口点。

EsLint 和 Prettier

这些文件与维护代码缩进、未使用的导入、extra、spacing有关，这些文件包含与这些东西相关的配置（使用EsLint和prettier来避免上述事情）。

.watchMan

watchman 会在打包程序运行时监视代码更改，因此此文件有关于此的配置。

.Flow

Flow 用于类型检查，因此它包含与此相关的配置。

node_modules

此文件夹包含您的应用正在使用的所有模块，也在您的package.json 中列出。

还有Android（保存原生android代码）、IOS（保存原生ios代码）和其他JS files保存代码react-native js代码。