React Native打造原生应用之环境搭建

前段时间使用了Ionic来开发IOS及ANDROID应用，效果不是很理想，特别是在安卓上，流畅性就是个大问题，自己感觉不理想，最近看了facebook推出的React Native，据说facebook已经使用了，就浏览了下他们的官网，国内也有了相应的中文翻译的，刚接触下来感觉效果还行，在此记录下学习的轨迹。
首先谈下ionic与react-native的差异吧，用他们的口号就基本明白了。Ionic:一次编写，多平台运行，这是个跨平台的框架，其实就是使用了webview来嵌套网页的做法，要使用原生的东西还得用Cordova(phonegap)插件来完成。react-native:一次学习，多平台编写，他使用js语言来做开发，但是不是跨平台的，但是他可以共用很多模块，只要你能写IOS,android也不会是问题，他自己有一套自己UI，但是最终都会转化成对应的本地原生的UI，因此更接近原生。
在此记录下环境搭建步骤（MAC版）：
一、安装homebrew: 直接打开官网来安装，官网地址，如果不能打开，请复制：http://brew.sh/index_zh-cn.html
二、安装nvm,这是安装nodejs,iojs的工具，不过别在意他，反正我是用他没装好过，主要是公司网络不行，下载一半就断了，但是他可以管理不同版本的nodejs与iojs,还是安装吧。命令如下：brew install nvm，安装好之后，配置环境变量，以mac为主，其他系统自行百度了，打开~/.bash_profile,vim ~/bash_profile,添加如下两行：

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

然后在终端输入：source ~/bash_profile,至此，nvm已经安装完成。
三、安装iojs,官网上说了要安装nodejs，但是你安装完成后运行会提示你他已经移到iojs中去了，还得安装iojs,不知道那天会不会再移动nodejs中去，所以直接安装iojs,可以用命令安装，也可以下载安装文件来安装，本人就是下载下来安装的，命令行网络真不行，命令如下：nvm install iojs。官网地址，可以从官网下载文件下来安装。
四、安装watchman,这是实时监测重建的利器，命令如下：brew install watchman。
五、安装flow, brew install flow

接下来创建项目，直接用官网的来代替了：

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

运行IOS：
打开ios文件下的工程，使用xcode，点击运行就可以看到效果，你可以修改index.ios.js文件来查看效果，修改后在模拟器中使用command+R来刷新js，不用重新编译

运行ANDROID:
安装android SDK及模拟器，设置ANDROID_HOME变量，官网地址
在项目目录下的控制台输入：react-native run-android运行项目，你可以修改index.android.js文件来查看效果，修改后在模拟器中使用F2来刷新js，不用重新编译。

了解更多稳步到官网，
官网地址
官网文档中文版