1. 安裝JDK
需要安裝JDK1.8,下載地址: http://www.Oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
下載安裝后,還需要配置環境變量!?。?/p>
2. 安裝Android Studio 和 SDK
React Native目前需要AndroidStudio2.0或更高版本。 AndroidStudio 下載地址:http://www.androiddevtools.cn/
React Native使用的是android版本是23.0.1,只支持這一個sdk版本,所以必須先下載他的源碼及工具,不然后面后報錯
安裝SDK后,這里需要配置環境變變量,例如: ①環境變量ANDROID_HOME:XXX 例如:(ANDROID_HOME:D:/guanmanman/androidStudio/sdk) ②環境變量PATH例如: 例如:(PATH:%ANDROID_HOME%/tools;%ANDROID_HOME%/platform-tools)
3. 安裝命令行工具 Gow_0.8.exe
下載地址https://github.com/bmatzelle/gow/releases
4. 安裝Git
下載地址:https://git-for-windows.github.io/
最好安裝Python 2.7 不要安裝最新的,下載地址https://www.python.org/downloads/windows/
下載地址:https://nodejs.org/en/download/
因為需要下載有些下載會遭到國內禁止,所以得配置鏡像,方便我們下載,執行下面兩個命令:
npm config set registry https://registry.npm.taobao.orgnpm npm config set disturl https://npm.taobao.org/dist
執行命令:npminstall -g react-native-cli
9. 創建一個FirstRNPRoject工程
開始之前先創建一個專門用于保存React-Native工程項目的工作區:React-native_workSpace
然后執行命令:react-native initFirstRNProject回車,init 代表創建一個工程。
當現實這個界面的時候就代表我們的項目已創建完成,可以到你的工作區間去查看。
10. 開啟FirstRNProject工程
工程項目已建立完畢,然后我們進入這個工程中,并執行輸入react-native start,開啟這個工程
11. 檢查FirstRNProject項目是否啟動成功
在瀏覽器中訪問http://localhost:8081/index.android.bundle?platform=android
當顯示如上的腳本就代表已成功開啟。
12. 運行FirstRNProject項目
進入項目目錄,輸入react-native run-android回車,
執行命令后會去下載相關的資源,這個過程還是蠻長的,耐心等待吧。
然后下載完后就會安裝工程在手機上了
新聞熱點
疑難解答