React Native入門(mén)
官網(wǎng)原文
1.前提
OS X — 當(dāng)你在做iOS開(kāi)發(fā)時(shí)，這個(gè)指南假定你已經(jīng)安裝了OS X
Homebrew - 推薦此工具去安裝Watchman和Flow
-
安裝Node.js 4.0或更新版本
- 安裝nvm。運(yùn)行nvm install node && nvm alias default node，它將安裝最新版本的Node.js并設(shè)置到命令行，可以通過(guò)執(zhí)行node查看是否安裝上。通過(guò)nvm可以安裝并管理多個(gè)版本的Node.js。
- npm官網(wǎng)入門(mén)文檔
brew install watchman 推薦安裝watchman，這樣可以避免你通過(guò)查看node文件去排查Bug。
brew install flow，如果你想用flow的話。
我們強(qiáng)烈推薦您使用brew update && brew upgrade來(lái)保證你的程序更新到最新版本。**
2.iOS安裝
請(qǐng)安裝Xcode7.0或更高版本。您可以通過(guò)App Store進(jìn)行安裝。
3.Andorid安裝
當(dāng)你開(kāi)發(fā)的React Native應(yīng)用需要適配Android機(jī)器時(shí)，請(qǐng)安裝Android SDK（當(dāng)你缺少安卓機(jī)器時(shí)，還需要一個(gè)安卓模擬器）。安卓安裝指南介紹了如何設(shè)置安卓環(huán)境。
注意：這里有一個(gè)用于安卓開(kāi)發(fā)的實(shí)驗(yàn)環(huán)境配置：Windows和Linux支持
4.快速開(kāi)始
4.1 安裝React Native命令行工具
$ npm install -g react-native-cli
提醒：如果你看到這樣的錯(cuò)誤：EACCES：permission denied，請(qǐng)執(zhí)行命令：sudo npm install -g react-native-cli
4.2 創(chuàng)建一個(gè)React Native項(xiàng)目
$ react-native init AwesomeProject
4.3 運(yùn)行iOS應(yīng)用
- $ cd AwesomeProject
- 打開(kāi)ios/AwesomeProject.xcodeproj文件，并用Xcode運(yùn)行
- 使用文本編輯器打開(kāi)index.ios.js，添加上一些線
- 在iOS的模擬器中通過(guò)組合鍵?-R 加載該應(yīng)用，能看到上面的改動(dòng)
提醒：如果你在使用iOS機(jī)器，請(qǐng)查看在iOS機(jī)器上運(yùn)行頁(yè)面
4.4 運(yùn)行安卓應(yīng)用
- $ cd AwesomeProject
- $ react-native run-android
- 使用文本編輯器打開(kāi)index.android.js文件，添加上一些線
- 點(diǎn)擊菜單按鈕（默認(rèn)為F2，或者Genymotion中為?-M），通過(guò)重新加載JS來(lái)查看上面的改動(dòng)
- 命令行中運(yùn)行adb logat *:S ReactNative:V ReactNativeJS:V 來(lái)查看應(yīng)用日志
提醒：如果你在使用安卓機(jī)器，請(qǐng)查看在安卓機(jī)器上運(yùn)行頁(yè)面
恭喜！你已經(jīng)成功運(yùn)行并修改了你的第一個(gè)React Native應(yīng)用
如果你在快速開(kāi)始階段遇到問(wèn)題，請(qǐng)查看故障頁(yè)
4.5 向現(xiàn)有的React Native項(xiàng)目中添加安卓
如果你現(xiàn)有有一個(gè)僅僅包括iOS的React Native項(xiàng)目，并且希望添加安卓支持，你需要在現(xiàn)有項(xiàng)目目錄下執(zhí)行下面的命令：
- 在package.json文件中更新react-native庫(kù)到最新版本
- $ npm install
- $ react-native android
2016.03.25
