安裝
Chocolatey是一個Windows上的包管理器,類似于linux上的yum和apt-get。 你可以在其官方網站上查看具體的使用說明。一般的安裝步驟應該是下面這樣:
@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的命令行工具用于執行創建、初始化、更新項目、運行打包服務(packager)等任務。
npminstall -g react-native-cli
如果你遇到EACCES: permission denied權限錯誤,可以嘗試運行下面的命令: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版本。如果版本不合要求,則可以到官網上下載。 或是使用包管理器來安裝(比如choco install jdk8或是apt-get install default-jdk)
Android Studio包含了運行和測試React Native應用所需的Android SDK和模擬器。
除非特別注明,請不要改動安裝過程中的選項。比如Android Studio默認安裝了Android Support Repository,而這也是React Native必須的(否則在react-native run-android時會報appcompat-v7包找不到的錯誤)。
確定所有安裝都勾選了,尤其是Android SDK和Android Device Emulator。
在初步安裝完成后,選擇Custom安裝項:
檢查已安裝的組件,尤其是模擬器和HAXM加速驅動。
安裝完成后,在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環境變量正確地指向了你安裝的Android SDK的路徑。
打開控制面板->系統和安全->系統->高級系統設置->高級->環境變量->新建
具體的路徑可能和下圖不一致,請自行確認。
你需要關閉現有的命令符提示窗口然后重新打開,這樣新的環境變量才能生效。
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/目錄下)。
現在你已經成功運行了項目,我們可以開始嘗試動手改一改了:
使用你喜歡的文本編輯器打開index.android.js并隨便改上幾行
按兩下R鍵,或是用Menu鍵(通常是F2,在Genymotion模擬器中是?+M)打開開發者菜單,然后選擇Reload JS就可以看到你的最新修改。
在終端下運行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的應用的日志。
恭喜!你已經成功運行并修改了你的第一個React Native應用。