React native 环境搭建+运行

这里直接开始node等的安装,不赘述android开发环境的搭建。

一:node安装 

下载地址:https://nodejs.org/zh-cn/download/

windows下载如下:

React native 环境搭建+运行

下载完点击安装,检查配置。

React native 环境搭建+运行

安装react-native-cli

React native 环境搭建+运行

二:初始化项目

 切换项目目录,使用react-native init +项目名称

React native 环境搭建+运行

项目创建成功。我们看下项目目录:

React native 环境搭建+运行

2.1:android和ios路径

  分别代表android 和ios端项目,可用studio或者xcode打开。

2.2:node_modules

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

React native 环境搭建+运行

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

React native 环境搭建+运行

AppRegistry.registerComponent第一个参数传入的android和ios的项目名称。ios或android的入口,已经使用index.js代替index.ios.js/index.android.js,android中配置application文件的getJSMainModuleName()配置入口

2.7:package.json

React native 环境搭建+运行

包含项目基本信息以及依赖信息的配置文件,npm 的包管理文件;

2.8 app.js

相当于Android的MainActivity,可以根据自己的需要进行修改或者删除(同时要修改index.js的注册的组件入口js文件名)