Mac上ReactNative环境配置

发表于   |   分类于   |     |   阅读次数

React.js Conf 2015会议上，Facebook发布了React Native，可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。它的特点就是脱离传统Hybrid App的思路，基于HTML，CSS，JavaScript重新定义了一套规则。当然FaceBook也同时开源了Nuclide，它是一个针对ReactNative，web，以及原生移动开发的IDE。它基于跨平台文本编辑器Atom构建。
从ReactNative出现到现在，已经有越来越多的开发者或者公司开始试水，使用React Native开发者可以更高效的开发移动应用，ReactNative的诞生就是为了能在保持原生良好的交互体验的同时又极大的提高开发效率。像携程、天猫等都已经开始集成ReactNative。
要使用ReactNative，首先肯定是要搭建环境，下面就来说说怎样在Mac上搭建ReactNative环境。

全程基本都是在终端操作的：

安装Homebrew

1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装Node

其实Node是用Homebrew安装的，所以第一步成功才能进行第二步

1
brew install node

安装React Native Command Line Tools

1
npm install -g react-native-cli

安装Watchman

如果你是针对iOS开发的，那么这一步之前最好保证你已经安装了Xcode7.0及7.0以上的版本

1
brew install watchman

安装Flow

1
brew install flow

至此环境配置就差不多了，剩下的就是创建一个基础的Demo工程了

1
react-native init AwesomeProjectcd AwesomeProjectreact-native run-ios

上面这条指令是创建工程并在iOS模拟器上运行，当然你也可以找到工程文件找到里面的iOS文件夹找到Xcode工程运行。

以上内容参考自[ReactNative官网][1]
[1]:http://facebook.github.io/react-native/docs/getting-started.html