React Native,安装以及运行。

配置

1. OSX 目前只支持OSX

2. 安装Homebrew
   ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

3. 安装Node.js

   • 安装nvm
     brew install nvm
mkdir ~/.nvm
     .bashrc或者.zshrc里添加
     export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
   • 安装node.js
     nvm install node && nvm alias default node
   • 安装watchman
     brew install watchman

快速上路

• npm install -g react-native-cli
• react-native init AwesomeProject

在AwesomeProject/目录中执行如下操作：

• 打开AwesomeProkect.xcodeproj，然在在Xcode中点击run运行
• 用文本编辑器打开index.ios.js，编辑一些代码
• 在iOS simulator中按cmd + R(twice)来重载APP，并且观察之前的改动

恭喜！您刚刚成功的运行并且编写了您第一个React Native应用。

备注

额外有一步操作在官方文档中没有体现，否则会运行失败。具体如下，两种方式任选一种：

打开项目中的AppDelegate.m

• 方式一：找到这行代码：jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"]，将localhost换成自己的ip
• 方式二：
  • 注释掉方式一中的代码
  • 去掉jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];前面的注释。
  • run npm start
  • run curl http://localhost:8081/index.ios.bundle -o main.jsbundle 如果失败的话在后面加上--ipv4
  • 在XCode中，右击你的项目文件夹，点击New file，选择你生成的main.jsbundle。
• 推荐第一个方法比较简单。
• 现在就可以在无无服务器的环境下运行你的app拉。