React Native入门

官网原文

1.前提

1. OS X — 当你在做iOS开发时，这个指南假定你已经安装了OS X

2. Homebrew - 推荐此工具去安装Watchman和Flow

3. 安装Node.js 4.0或更新版本

   • 安装nvm。运行nvm install node && nvm alias default node，它将安装最新版本的Node.js并设置到命令行，可以通过执行node查看是否安装上。通过nvm可以安装并管理多个版本的Node.js。
   • npm官网入门文档

4. brew install watchman 推荐安装watchman，这样可以避免你通过查看node文件去排查Bug。

5. brew install flow，如果你想用flow的话。
   我们强烈推荐您使用brew update && brew upgrade来保证你的程序更新到最新版本。**

2.iOS安装

请安装Xcode7.0或更高版本。您可以通过App Store进行安装。

3.Andorid安装

当你开发的React Native应用需要适配Android机器时，请安装Android SDK（当你缺少安卓机器时，还需要一个安卓模拟器）。安卓安装指南介绍了如何设置安卓环境。
注意：这里有一个用于安卓开发的实验环境配置：Windows和Linux支持

4.快速开始

4.1 安装React Native命令行工具

$ npm install -g react-native-cli

提醒：如果你看到这样的错误：EACCES：permission denied，请执行命令：sudo npm install -g react-native-cli

4.2 创建一个React Native项目

$ react-native init AwesomeProject

4.3 运行iOS应用

• $ cd AwesomeProject
• 打开ios/AwesomeProject.xcodeproj文件，并用Xcode运行
• 使用文本编辑器打开index.ios.js，添加上一些线
• 在iOS的模拟器中通过组合键⌘-R 加载该应用，能看到上面的改动
  提醒：如果你在使用iOS机器，请查看在iOS机器上运行页面

4.4 运行安卓应用

• $ cd AwesomeProject
• $ react-native run-android
• 使用文本编辑器打开index.android.js文件，添加上一些线
• 点击菜单按钮（默认为F2，或者Genymotion中为⌘-M），通过重新加载JS来查看上面的改动
• 命令行中运行adb logat *:S ReactNative:V ReactNativeJS:V 来查看应用日志
  提醒：如果你在使用安卓机器，请查看在安卓机器上运行页面
  恭喜！你已经成功运行并修改了你的第一个React Native应用
  如果你在快速开始阶段遇到问题，请查看故障页

4.5 向现有的React Native项目中添加安卓

如果你现有有一个仅仅包括iOS的React Native项目，并且希望添加安卓支持，你需要在现有项目目录下执行下面的命令：

1. 在package.json文件中更新react-native库到最新版本
2. $ npm install
3. $ react-native android

2016.03.25