安装React Native（Mac和Windows）

Mac下安装React Native

一、下载Node.js 并安装

Node.js的安装路径 /usr/local/bin/node

npm的安装路径      /usr/local/bin/npm

npm是Node.js中的一个命令行工具，执行npm install主要作用在安装第三方依赖包，依赖包的内容在package.json里定义。相当于Ubuntu Linux中的apt-get和Cent-OS的yum。

检测Node.js是否安装成功

node -v    输出Node.js版本号

node(加回车)console.log("Hello React Native");

二、安装React Native

在Mac下推荐使用Homebrew，通过Homebre安装watchman和flew。

安装brew ：终端上运行 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

watchman：Facebook推出的文件改动监听器。

flew：Javascript静态类型检查器。

安装watchman的命令：brew install watchman 。

安装flow的命令：brew install flow 。

用npm安装react-native 命令行工具：sudo npm install -g react-native-cli 。

三、创建react-native项目

创建项目命令：react-native init  项目名称

iOS App： 使用Xcode打开运行或进入项目根目录执行命令行react-native run-ios

按command+r可以刷新页面

运行iOS App需要修改AppDelegate.m文件中IP地址

jsCodeLocal=[NSUrl URLWithString:"IP/index.ios.bundle?plateform=ios&dev=true"];

Android App：使用Android Studio打开运行或进入项目根目录执行命令行react-native run-android

在项目根目录下执行命令行：adb shell input keyevent 82

快捷键fn+F2

如果在Android真机上运行晃动手机会弹出操作菜单

菜单中 dev setting ——>debuging 下输入IP

注意：react-native的服务默认自动启动。如果没有启动，可以用命令行启动。进入react-native根目录执行react-native start 开启服务。

Windows下安装React Native

一、下载Node.js和Python2并安装

二、Android Studio SDK （Android SDK build-tools  23.0.1）

三、设置npm环境变量，安装React Native命令行：npm install -g react-native-cli

四、初始化Android项目命令react-native init 项目名称

五、运行Android项目命令cd 项目根目录  react-native run-android