W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
OS X - 當(dāng)前僅支持 OS X
推薦使用 Homebrew 的方式來(lái)安裝 nvm,watchman 和 flow。
安裝 Node.js 4.0 或者更新的版本。
使用 Homebrew 來(lái)安裝 nvm 或者參考 它的安裝指南。接著運(yùn)行 nvm install node && nvm alias default node
, 它可以讓您安裝最新版本的 Node.js 并設(shè)置您的終端,所以你可以通過(guò)鍵入 node
來(lái)運(yùn)行它。使用 Nvm 可以讓您安裝多個(gè)版本的 Node.js 并且在它們之間輕松切換。
npm 的更新之處。
brew 安裝 watchman
。我們推薦您安裝 watchman, 否則您可能在點(diǎn)擊一個(gè)節(jié)點(diǎn)文件的時(shí)候出現(xiàn)錯(cuò)誤。
brew 安裝 flow
。如果您想使用 flow.
我們建議定期運(yùn)行 brew update && brew upgrade
來(lái)使您的應(yīng)用程序保持最新?tīng)顟B(tài)。
我們需要 Xcode 6.3 或者更高的版本。 您可以在 App 應(yīng)用商店里面安裝它。
如果想要編寫 React Native 安卓應(yīng)用程序, 您需要安裝安卓 SDK (如果您不想在真機(jī)上運(yùn)行您的應(yīng)用程序,那么您還需要一個(gè)安卓模擬器)。請(qǐng)參閱安卓安裝指南 說(shuō)明來(lái)配置你的安卓環(huán)境 。
$ npm install -g react-native-cli $ react-native init AwesomeProject $ cd AwesomeProject/
運(yùn)行 iOS 應(yīng)用程序:
在 Xcode 中打開(kāi) ios/AwesomeProject.xcodeproj
并且點(diǎn)擊運(yùn)行。
在選定的文本編輯器中打開(kāi) index.ios.js
并且編輯代碼。
點(diǎn)擊 iOS 模擬器中的 ?-R 來(lái)重新加載應(yīng)用程序并且觀察發(fā)生的變化!
運(yùn)行 Android 應(yīng)用程序:
$ react-native run-android
在選定的文本編輯器中打開(kāi) index.android.js
并且編輯代碼。
按下菜單按鈕 (默認(rèn)情況下是 F2,或在 Genymotion 中點(diǎn)擊 ? M),然后選擇 Reload JS 看看發(fā)生了什么變化!
在一個(gè)終端中運(yùn)行 adb logcat *:S ReactNative:V ReactNativeJS:V
來(lái)查看您的應(yīng)用程序日志。
祝賀你!你已經(jīng)成功運(yùn)行并修改了你的第一個(gè) React Native 應(yīng)用程序。
_如果您在開(kāi)始的時(shí)候遇到任何問(wèn)題,請(qǐng)參閱 故障診斷頁(yè)面
如果您現(xiàn)在已經(jīng)擁有一個(gè)(iOS) React Native 項(xiàng)目并且想讓安卓也支持它, 那么您需要在您現(xiàn)有的項(xiàng)目目錄中執(zhí)行以下命令:
1.將您 package.json
文件中的 react-native
目錄更新到最新的版本
$ npm install
$ react-native android
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: