安裝
Chocolatey是一個Windows上的包管理器类嗤,類似于linux上的yum和apt-get糊肠。 你可以在其官方網(wǎng)站上查看具體的使用說明。一般的安裝步驟應(yīng)該是下面這樣:
@powershell -NoProfile -ExecutionPolicy Bypass -Command"iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))"&& SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
一般來說遗锣,使用Chocolatey來安裝軟件的時候货裹,需要以管理員的身份來運行命令提示符窗口。
打開命令提示符窗口精偿,使用Chocolatey來安裝Python 2.
注意目前不支持Python 3版本弧圆。
chocoinstallpython2
打開命令提示符窗口赋兵,使用Chocolatey來安裝NodeJS.
chocoinstallnodejs.install
React Native命令行工具(react-native-cli)
React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化搔预、更新項目霹期、運行打包服務(wù)(packager)等任務(wù)。
npminstall -g react-native-cli
如果你遇到EACCES: permission denied權(quán)限錯誤斯撮,可以嘗試運行下面的命令:sudo npm install -g react-native-cli.
Android Studio2.0 or higher.
React Native目前需要Android Studio2.0或更高版本经伙。
Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中輸入javac -version來查看你當前安裝的JDK版本勿锅。如果版本不合要求帕膜,則可以到官網(wǎng)上下載。 或是使用包管理器來安裝(比如choco install jdk8或是apt-get install default-jdk)
Android Studio包含了運行和測試React Native應(yīng)用所需的Android SDK和模擬器溢十。
除非特別注明垮刹,請不要改動安裝過程中的選項。比如Android Studio默認安裝了Android Support Repository张弛,而這也是React Native必須的(否則在react-native run-android時會報appcompat-v7包找不到的錯誤)荒典。
確定所有安裝都勾選了,尤其是Android SDK和Android Device Emulator吞鸭。
在初步安裝完成后寺董,選擇Custom安裝項:
檢查已安裝的組件,尤其是模擬器和HAXM加速驅(qū)動刻剥。
安裝完成后遮咖,在Android Studio的歡迎界面中選擇Configure | SDK Manager。
在SDK Platforms窗口中造虏,選擇Show Package Details御吞,然后在Android 6.0 (Marshmallow)中勾選Google APIs、Intel x86 Atom System Image漓藕、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image陶珠。
在SDK Tools窗口中,選擇Show Package Details享钞,然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1揍诽。(必須是這個版本)
確保ANDROID_HOME環(huán)境變量正確地指向了你安裝的Android SDK的路徑。
打開控制面板->系統(tǒng)和安全->系統(tǒng)->高級系統(tǒng)設(shè)置->高級->環(huán)境變量->新建
具體的路徑可能和下圖不一致嫩与,請自行確認寝姿。
你需要關(guān)閉現(xiàn)有的命令符提示窗口然后重新打開,這樣新的環(huán)境變量才能生效划滋。
react-nativeinit AwesomeProjectcd AwesomeProjectreact-nativerun-android
有個常見的問題是在你運行react-native run-android命令后饵筑,Packger可能不會自動運行。此時你可以手動啟動它:
cdAwesomeProjectreact-nativestart
如果你碰到了ERROR Watcher took too long to load的報錯处坪,請嘗試將這個文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目錄下)根资。
現(xiàn)在你已經(jīng)成功運行了項目架专,我們可以開始嘗試動手改一改了:
使用你喜歡的文本編輯器打開index.android.js并隨便改上幾行
按兩下R鍵,或是用Menu鍵(通常是F2玄帕,在Genymotion模擬器中是?+M)打開開發(fā)者菜單部脚,然后選擇Reload JS就可以看到你的最新修改。
在終端下運行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應(yīng)用的日志裤纹。
恭喜!你已經(jīng)成功運行并修改了你的第一個React Native應(yīng)用鹰椒。