歡迎使用React Native！這篇文檔會(huì)幫助你搭建基本的React Native開發(fā)環(huán)境。如果你已經(jīng)搭好了環(huán)境，那么可以嘗試一下編寫Hello World。
根本你所使用的操作系統(tǒng)、針對(duì)的目標(biāo)平臺(tái)不同，具體步驟有所不同。如果想同時(shí)開發(fā)iOS和Android也沒問題，你只需要先選一個(gè)平臺(tái)開始，另一個(gè)平臺(tái)的環(huán)境搭建只是稍有不同。
要求
- 1. OS X - 當(dāng)前僅支持 OS X
- 2. 推薦使用 Homebrew 的方式來安裝 nvm，watchman 和 flow。
- 3. 安裝 Node.js 4.0 或者更新的版本。
- - 使用 Homebrew 來安裝 nvm 或者參考 它的安裝指南。接著運(yùn)行 nvm install node && nvm alias default node, 它可以讓您安裝最新版本的 Node.js 并設(shè)置您的終端，所以你可以通過鍵入 node 來運(yùn)行它。使用 Nvm 可以讓您安裝多個(gè)版本的 Node.js 并且在它們之間輕松切換。
- - npm 的更新之處。
- 4. brew 安裝 watchman。我們推薦您安裝 watchman, 否則您可能在點(diǎn)擊一個(gè)節(jié)點(diǎn)文件的時(shí)候出現(xiàn)錯(cuò)誤。
- 5. brew 安裝 flow。如果您想使用 flow.
我們建議定期運(yùn)行 brew update && brew upgrade 來使您的應(yīng)用程序保持最新狀態(tài)。
安裝 iOS
我們需要 Xcode 6.3 或者更高的版本。 您可以在 App 應(yīng)用商店里面安裝它。
安裝 Android
如果想要編寫 React Native 安卓應(yīng)用程序， 您需要安裝安卓 SDK （如果您不想在真機(jī)上運(yùn)行您的應(yīng)用程序，那么您還需要一個(gè)安卓模擬器）。請(qǐng)參閱安卓安裝指南 說明來配置你的安卓環(huán)境 。
快速開始
$ npm install -g react-native-cli
$ react-native init AwesomeProject
$ cd AwesomeProject/
運(yùn)行 iOS 應(yīng)用程序：
- · 在 Xcode 中打開 ios/AwesomeProject.xcodeproj 并且點(diǎn)擊運(yùn)行。
- · 在選定的文本編輯器中打開 index.ios.js 并且編輯代碼。
- · 點(diǎn)擊 iOS 模擬器中的 ⌘-R 來重新加載應(yīng)用程序并且觀察發(fā)生的變化！
運(yùn)行 Android 應(yīng)用程序：
- · $ react-native run-android
- · 在選定的文本編輯器中打開 index.android.js 并且編輯代碼。
- · 按下菜單按鈕 （默認(rèn)情況下是 F2，或在 Genymotion 中點(diǎn)擊 ⌘ M），然后選擇 Reload JS 看看發(fā)生了什么變化！
- · 在一個(gè)終端中運(yùn)行 adb logcat *:S ReactNative:V ReactNativeJS:V 來查看您的應(yīng)用程序日志。
祝賀你！你已經(jīng)成功運(yùn)行并修改了你的第一個(gè) React Native 應(yīng)用程序。