React Native入门
官网原文
1.前提
OS X — 当你在做iOS开发时,这个指南假定你已经安装了OS X
Homebrew - 推荐此工具去安装Watchman和Flow
-
安装Node.js 4.0或更新版本
brew install watchman 推荐安装watchman,这样可以避免你通过查看node文件去排查Bug。
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项目,并且希望添加安卓支持,你需要在现有项目目录下执行下面的命令:
- 在package.json文件中更新react-native库到最新版本
- $ npm install
- $ react-native android
2016.03.25