在windows搭建react-native android 開發環境總結


1.安裝必須的軟件
1.Python 2 
  注意勾選 Add python.exe to Path,選項,這樣就可以在安裝完成后,不用手動去添加環境變量
  
安裝完,打開cmd.exe,輸入python,然后enter,如果能成功返回ptython的版本號等信息,則說明安裝成功。
 
2.Node.js
   安裝完node之后,打開cmd.exe,輸入node -v,如果返回node.jsben,則說明node.js,安裝成功。
   由於npm在國內的速度奇慢,建議使用淘寶代理,或者使用其他科學上網工具
   使用淘寶代理的方法:
     npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global
 

 
3.安裝react-native命令行工具(react-native-cli)
 
     npm install -g yarn react-native-cli
    安裝成功之后,打開cmd.exe,輸入
     react-native -v
    ,然后enter,如果能成功返回react-native的版本號,則說明安裝成功。
 
4.安裝Android Studio
   a.安裝jdk
     需要jdk1.8以上版本,具體安裝教程: http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
     安裝完成之后,打開cmd.exe,輸入
     java -version
如果成功返回版本信息,則說明安裝成功。
 
  b.安裝android studio
     1.需要android studio 2.0以上版本,確認勾選安裝 android SDK和Android Device Emulator
     2.安裝完成后,選擇Custom安裝項
     
 
    3.下一步一定要勾選HAXM加速驅動和模擬器
      
 
    4.安裝完成之后沒在Android Studio的歡迎界面選擇 Configure | SDK Manager
      
  • SDK Platforms窗口中,選擇Show Package Details,然后在Android 6.0 (Marshmallow)中勾選Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel 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。(必須是這個版本)
      
   然后點擊apply和ok,等待安裝完成。
 
5.ANDROID_HOME 環境變量配置
   新建系統環境變量,填寫android  sdk的安裝目錄
   

 

6.將android SDK的Tools目錄添加到系統環境變量中去
   需要添加android SDK目錄下的tools和platform-tools兩個路徑
   
5.安裝Genymotion
   1.下載和安裝Genymotion(需要先注冊才能看到download的選項,genymotion需要依賴VirtualBox虛擬機,下載選項中提供了包含虛擬機和不包含的選項,請按需下載)。
  2.打開Genmotion,點擊ADD,新增一個android的設備,請務必選擇5.0以上版本的android系統,不然出現各種奇怪的問題。
  3.選中新增加的設備,點擊Start按鈕,等待片刻即可打開android虛擬機
  4.打開cmd.exe,輸入
    adb devices
   如果返回類似下圖所示,則表明虛擬機啟動成功。
   
6.初始化react-native 項目
    硬盤上新建文件夾,然后打開cmd.exe,切換到該目錄,然后執行
        react-native init myProject
    這個過程可能會耗費一段時間,請耐心等待,初始化完成之后,切換到新建的myProject文件夾,執行
        react-native run-android
    等待編譯完成,直到在android的虛擬機上出現 WelCome to react-native,則大功告成,修改index.android.js,保存之后,在鼠標移動到虛擬機上,然后點擊兩次鍵盤R,就會觸發新代碼更新到虛擬機。

    

 

2.問題總結
1.很多安裝過程耗費時間,等耐心等待,沒有安裝完不要關掉,不要着急
2.建議第一次啟動項目的時候,使用5.0以上版本的android虛擬機,不要使用國產的android機,能被坑死的節奏!
3.如果國產手機安裝不上,可以使用adb install android/app/build/outputs/apk/app-debug.apk命令來安裝


免責聲明!

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



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