这里直接开始node等的安装,不赘述android开发环境的搭建。
一:node安装
下载地址:https://nodejs.org/zh-cn/download/
windows下载如下:
下载完点击安装,检查配置。
安装react-native-cli
二:初始化项目
切换项目目录,使用react-native init +项目名称
项目创建成功。我们看下项目目录:
2.1:android和ios路径
分别代表android 和ios端项目,可用studio或者xcode打开。
2.2:node_modules
npm 自动生成的文件夹,存放package.json中配置的一栏的源码以及bin
2.3: .buckconfig
.buckconfig是buck的配置文件,buck是Facebook开源的高效构建系统,对Android iOS同时适用,通过复用未修改的代码单元、增量编译等提高编译效率。Buck会在执行前读取他的内容
2.4: .flowconfig
.flowcofig 为flow的配置文件。flow用于代码静态检查
2.5: .watchmanconfig
.watchmanconfig为watchman配置文件,watchman用于监控文件变化
2.6. index.js
AppRegistry.registerComponent第一个参数传入的android和ios的项目名称。ios或android的入口,已经使用index.js代替index.ios.js/index.android.js,android中配置application文件的getJSMainModuleName()配置入口
2.7:package.json
包含项目基本信息以及依赖信息的配置文件,npm 的包管理文件;
2.8 app.js
相当于Android的MainActivity,可以根据自己的需要进行修改或者删除(同时要修改index.js的注册的组件入口js文件名)