Reactive Native 开发环境搭建

1.安装Node.js

安装Node.js的目的是为了使用NPM来React Native，Node.js安装地址

安装完成之后通过node -v来check是否安装成功

2.安装React Native CLI

npm install -g react-native-cli

因为NPM服务器搭建在国外，很可能连接不上，幸运的是国内有很多NPM服务器可以使用

淘宝npm镜像
搜索地址：http://npm.taobao.org/
registry地址：http://registry.npm.taobao.org/

cnpmjs镜像
搜索地址：http://cnpmjs.org/
registry地址：http://r.cnpmjs.org/

通过npm config set registry https://registry.npm.taobao.org来设置使用相应的镜像

mac用户还需要安装watchman和flow

brew install watchman
brew install flow

3.安装Android开发环境

1.android studio
2.搭建模拟器，可以使用Genymotion，也可以使用android自带的模拟器
3.安装 Android 6.0 (Marshmallow) SDK，React Native需要6.0的SDK

4.创建React Native 工程

react-native init AwesomeProject
cd AwesomeProject
react-native start

启动模拟器

react-native run-android

Paste_Image.png

运行成功！

升级React Native

先安装git

npm install -g react-native-git-upgrade

# cd into React Native project folder

$ react-native-git-upgrade
# Upgrade React Native to the latest version

# Or:

$ react-native-git-upgrade X.Y.Z
# Upgrade React Native to the X.Y.Z version

如果旧的模板文件和新的模板文件有变化，会在source文件上打patch