初始化React Native 项目与目录介绍

创建时的版本 "react-native": "0.55.4"
OS：macOS

一. 环境配置

环境配置详细看此页面https://reactnative.cn/docs/0.51/getting-started.html

二. 初始化

1.创建项目

react-native init ProjectName

三. 目录结构

image.png

1. android与ios

分别代表着android端和ios端的根目录

2. node_moudles

npm 自动生成的文件夹，存放package.json中配置的一栏的源码以及bin

3. .babelrc

.bablrc文件是babel的配置文件，Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。配置教程参考！[babel]http://www.ruanyifeng.com/blog/2016/01/babel.html?20170213113809

4. .buckconfig

.buckconfig是buck的配置文件，buck是 FaceBook开元的搞笑编译系统，对Android iOS同时适用，通过复用未修改的代码单元、增量编译等提高编译效率。

5. .flowcofig

.flowcofig 为flow的配置文件。flow用于代码静态检查

6. .watchmanconfig

.watchmanconfig为watchman配置文件，watchman用于监控文件变化，辅助实现工程修改所见即所得

7. index.js

image.png

index.js 为整个React Native的启动入口。其中registerComponent方法中的第一个参数需要与iOS和安卓工程中的命名相同

image.png

image.png

8. package.json

image.png