史上最全Windows版本搭建安裝React Native環境配置


 

 

1、安裝python 我選擇安裝的是(python-2.7.12.msi)

2、安裝jdk 我選擇安裝的是(jdk-8u111-windows-x64)

3、安裝android-studio  (最好是提前安裝了android sdk 或者直接安裝帶有android sdk的android-studio)

此處我選擇的是安裝帶sdk的studio 記得一定要記住sdk安裝的目錄,后續配置會用上

4、配置環境變量

值是sdk的目錄地址(若原本沒有path這個環境變量,則請新增,我這里是因為有了,直接把值加入其中即可)

path中增加一條為platform-tools目錄地址的環境變量值

配置jdk環境變量,值即為jdk安裝目錄

5、運行android studio

 

注:此處創建一個空的android項目,為的是每次打開都提示讓創建很煩躁

此時,你就可以看到一個安卓手機模擬器了

6、安裝react-native-cli

npm install -g yarn react-native-cli

7、創建你的第一個react-native項目  

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
AwesomeProject 是項目名稱,即你創建的項目文件夾名稱

此時此刻你一定會等待很久,如同下方的圖:

此時是因為你的電腦沒有翻牆,他正在下載gradle-2.4-all,下載不下來,那么給你一個地址,你去手動下載吧http://www.androiddevtools.cn/

下載下來之后,記住,不要解壓,直接放在那里

 

 然繼續執行:react-native run-android,在你等待很久之后,又會出現以下錯誤

 
        

此時打開sdk下面的

我們看到我們只有24.0.3 和25.0.2這兩個版本的sdk

找到React Native下的app修改他的build.gradle文件:

改成sdk build-tools下面有的版本,此處我們改成24.0.3,如下圖

接下來繼續運行react-native run-android,又報錯了

 

網上說把Android項目下的build.gradle

 

把1.3.1改成1.2.3,后繼續運行react-native run-android。

成功了!切記環境變量JAVA_HOME一定要配置正確,如何檢測JAVA_HOME有沒有配置正確,直接在cmd里面運行java看是否能打出東西!

切記node版本不要過低,我有同事版本是4.4.0就無法正常運行,然后把node升級到6.4.0就能正確運行了!

謝謝大家的觀看,若有其他疑問請在下面提出哈!歡迎討論!

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM