React Native 起步

基本需求

1. OS X - 当前只支持 OS X 版本。
2. 推荐您使用 Homebrew 来安装 Watchman 和 Flow
3. 安装 Node.js 4.0 或以上版本。
• 根据 nvm 的安装指导文件 安装好nvm. 然后执行命令 nvm install node && nvm alias default node , 该命令帮您安装了最新版本的 Node.js，同时设置好 terminal 终端，您只需要输入 node 即可启动应用。 使用 nvm 您可以在电脑上安装多个版本的 Node.js 并且在版本之间切换非常简单。
• 对 nvm 还不熟悉的就点链接吧。
4. 运行：brew install watchman . 推荐一定要安装 watchman,不然您会遇到： node file watching 的问题。
5. 运行：brew install flow. 如果您需要用到 flow.

强烈推荐您能定期运行一下命令：brew update && brew upgrade，这样可以保证您的程序都是最新的。

iOS 设置

您需要安装 Xcode 6.3 或更高版本。该程序可以从 App Store 直接下载安装。

Android 设置

您如果是给 Android 系统开发 React Native 应用，那就需要安装 Android SDK (如果您不打算用真实的 Android 设备进行调试工作的话，最好还要安装一个 Android 模拟器)。参考 Android 设置指导 来安装您的 Android 开发环境。

快速开始

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

运行 iOS 应用

$ cd AwesomeProject
在 Xcode 里面打开 ios/AwesomeProject.xcodeproj，并点按运行
在 文本编辑器中打开 index.ios.js 选择并修改一些内容。
在 iOS 模拟器中按下快捷键 ⌘-R, 重新加载该应用，检查您所做的修改。

运行 Android 应用

$ cd AwesomeProject
$ react-native run-android
在 文本编辑器中打开 index.ios.js 选择并修改一些内容。
点按菜单按钮(默认是 Ｆ2, 或者在 Genymotion 中是⌘-M) 选择重新加载JS 以检查您的修改是否生效！
在终端里执行如下命令：adb logcat *:S ReactNative:V ReactNativeJS:V ，该命令用来查看应用的日志文件。

注意：如果您正在使用设备进行调试，那么参照 在设备上运行指导文件（英文） 。
撒花！ 您已经成功的修改并运行了您的第一个 React Native 应用了。
您在这个过程里碰到的任何麻烦事儿，都先试着在 问题解决页面 找找（英文）

将 Android 支持添加到已经存在的 React Native 项目中

如果您已经有一个只支持 iOS 系统的 React Native 项目，现在想为他加入 Android 支持，那只需要在该项目的路径下执行下面的命令即可：
首先把属于 package.json 文件的 react-native 更新到最新版本。
$ npm install
$ react-native android

不深思则不能造于道。不深思而得者，其得易失。

名人名言- 曾国藩

• By 优联实达
• 2015-10-16
• 2041
• 公司新闻，网站开发，网站设计，UI