前言
上节我们简单的对工程初始化作了些补充，这节我们来思考下工程文件的划分以及命名。可能我们平常开发中不会太多注重这些，但是对于有代码洁癖的我来说这是不能容忍的，我们现在来简单讨论下。
- 什么是文件夹？
- 文件夹以什么命令合适？
- 文件夹多少层合适？
什么是文件夹
文件夹，这个问题可能问得有点傻？可能大多数人回答的是，将许多
不同的文件放在一起就形成了文件夹。其实这说法是错误的，关键就在于说是不同。我觉得许多文件放在一起正是因为它们有相同的地方，也就是分门别类了。
文件夹以什么命名合适
以什么名字命名其实很重要！就那种你一看名字就能猜到这个文件夹是干什么用的，给人的感觉就很舒服，完全不用关注里面的内容。到时候面对什么模块拆分、模块重构，直接找到对应的文件夹就可以了。
文件夹多少层合适
我个人认为文件夹层级不能超过5层。一般我都以3层为主，如果超过5层的话，就意味着你的文件存在扁平化的必要了。就像我们的数据结构一样，一旦层级过深的话在数据的查找、修改都会面临许多的问题，所以扁平化很重要。
工程根目录
├── .buckconfig
├── .flowconfig
├── .git
├── .gitattributes
├── .gitignore
├── .watchmanconfig
├── App.js
├── README.md
├── __tests__
├── android
├── app.json
├── babel.config.js
├── dist ①
├── index.js
├── ios
├── local-cli ②
├── metro.config.js
├── node_modulesa
├── package.json
├── private ③
├── src ④
└── yarn.lock
工程目录结构还是相对简单的，我只在初始化工程的基础上增加了 4 个文件夹：
-
dist是公共文件的输出位置，比如打包生成的apk、ipa文件； -
local-cli存放是工程使用的scripts文件，比如构建脚本、route生成脚本等； -
private文件夹有存放是个人的临时文件，是被git忽略的； -
src是最重要的文件夹，工程几乎所有的代码都存放在里面，我们重点讲解也是要此文件夹。
src 目录
src/
├── components
│ ├── UI
│ └── widgets
├── configs
├── modules
├── navigators
├── redux
│ ├── actions
│ ├── reducers
│ └── store
├── resources
│ ├── i18n
│ ├── images
│ ├── svg
│ └── themes
├── screens
├── services
└── utilities
根据以往项目经验，我将src目录暂时建立了共 18 个子目录：
components是工程中的基础组件文件夹，这里我又再新建了UI和widgets文件夹。UI指的是 App 所采用的统一风格的组件，比如ant design、teaset等等.我是建议UI封装一层此类组件，便于定制化；widgets指的是 App 使用的自定义组件，比如Navbar、ViewPager等等configs是工程中配置文件夹modules是工程中的模块文件夹，主要对应的是自定义的原生模块navigators是工程中导航控制器文件夹，比如react-navigationredux分为actions、reducers和store，这是redux的经典分法，对于每个文件夹的意义的话建议是学习redux相关知识resources是工程中的资源文件夹，这里分为i18n、images、svg和themes.i18n指多语言，也就是国际化；images指的就是图片资源；svg是指图标，非常建议 App 中大量使用 svg 图标，轻量且加载快；themes即主题，建议 App 至少建立一套主题screen是工程中页面文件夹，App 当中的所有页面都放在里面services是工程中服务类文件夹，比如有关网络请求的 Api 的相关文件utilities是工程中的工具类文件夹，比如TimeUtil、StringUtil之类的文件
src文件夹大概也就这些，日后可能还会作出修改，大家仅供参考。
Native 目录
Native当然指的就是Android和IOS工程。由于使用RN开发，native工程的编码相对很少。目前，我仅在native工程中新建modules文件夹即可，日后根据需要自行添加。
如图所示，我分别在Android和IOS工程下分别建立了modules文件夹，并且增加了AppModule.
总结
整个工程的目录结构也就讲解完了，也没有什么特别的，我只不过把以往项目中的目录结构简单整理了下而已。其实没有固定的分法，要说的固定的话只有分层思想，切忌层与层之间耦合严重