react-native上手之環境搭建及連接模擬器

使用react-native創建應用app，環境搭建很重要。我使用的是夜神模擬器進行模擬。

環境搭建

1.安裝java jdk

    （1）官網下載java jdk安裝包，傻瓜式安裝，下一步 下一步

　（2）配置環境變量

1. 修改環境變量，新增JAVA_HOME的系統環境變量，值為C:\Program Files (x86)\Java\jdk1.8.0_112，也就是安裝JDK的根目錄
2. 修改系統環境變量Path，在Path之后新增%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
3. 新建系統環境變量CLASSPATH，值為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
4. 保存所有的系統環境變量，同時退出系統環境變量配置窗口，
5. 重啟電腦
6. 然后運行cmd命令行工具，輸入java  -version，就表示配置成功！

2. 安裝Node.js環境

　　注意：需要安裝最新的長期穩定版本，不要實驗版本；安裝完畢之后的node.js會自動配置到全局系統環境變量中 安裝完畢后，可以輸入node -v查看node版本號；

3. 安裝C++環境

　　大多數情況下操作系統自帶C++環境，不需要手動安裝C++環境； 如果運行報錯，則需要手動安裝visual studio中的C++環境；

4. 安裝Git環境

　　Git安裝完畢后，會自動配置到系統環境變量中； 可以通過運行git --version來檢查是否正確安裝和配置了Git的環境變量；

5. 安裝Python環境

1. 注意：安裝Python時候，只能安裝2.×的版本，注意勾選安裝界面上的Add Python to path，這樣才能自動將Python安裝到系統環境變量中；
2. 安裝完畢之后，可以在命令行中運行python，檢查是否成功安裝了python。

6. 安裝安卓環境

　　1.官網下載安卓android-studio-ide-183.5692245-windows並安裝，打開bin目錄下的studio.exe，雙擊運行安裝android studio

　　2.配置環境變量

1. 修改環境變量，新增ANDROID_HOME的系統環境變量，值為D:\develop\android_studio，也就是安裝sdk的根目錄
2. 修改系統環境變量Path，在Path之后新增%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
3. 修改系統環境變量Path，在Path之后新增D:\develop\android_studio\platform-tools（android studio所安裝目錄，adb.exe 所在文件夾）

　　或者直接將D:\develop\android_studio\platform-tools 文件夾下面的三個文件直接復制到c盤

 

 7.使用夜神模擬器連接react native項目

　　1.打開命令行連接模擬器

　　　　連接夜神模擬器
　　　　adb.exe connect 127.0.0.1:62001  （夜神的端口號）
　　　　返回
　　　　connected to 127.0.0.1:62001 說明 連接成功！！！！

　　2.運行項目

　　react-native run-android

　　可能會報錯：

1. 關於android  sdk  某些包沒有安裝 =》 我的解決辦法就是打開android studio 新建一個項目並運行連接模擬器判斷是哪里的問題，中間可能會提醒某些包需要安裝，同意安裝即可。

2.網絡不好的情況下，也有可能啟動不成功

 

 說明項目運行成功，直接在模擬器上查看運行效果

點擊模擬器上邊搖一搖，配置ip地址

輸入是輸入ip 和端口號

到這里就結束了
再點擊模擬器的搖一搖

 

修改代碼之后，搖一搖，點擊reload，即可看到修改的效果。

 

 

模擬器名稱                        端口號
-------------------------------------
逍遙游                                 21503
夜神模擬器                          62001 
海馬玩模擬器                      26944 
網易mumu模擬器               7555 
天天模擬器                         6555
BlueStacks                          5555
雷電安卓模擬器                 5555
天天安卓模擬器                 5037
安卓模擬器大師                 54001
Genymotion                      5555
======================
連接命令： adb.exe connect 127.0.0.1:21503
=====================
其他：

adb.exe devices(查看設備連接情況)
adb kill-server
adb start-server
adb remount 

netstat 這個命令也能獲得端口號
netstat |findstr 127.0.0.1(用這個直接輸出需要的幾行）
常用adb操作
1、如何把電腦上的文件或文件夾傳到模擬器里面？
adb push D:/1.avi /mnt/avi/

2、如何把模擬器里面的文件或文件夾傳到電腦上？
adb pull /mnt/avi/sex.avi D:/avi/

3、安裝APK
adb install d:\\qq.apk

4、卸載APK
adb uninstall 包名
比如卸載QQ：adb uninstall com.tencent.mobileqq

5、PM包命令
1）獲取模擬器所有包名
adb shell pm list packages

2）獲取模擬器所有包名並且包括APK路徑
adb shell pm list packages -f

3）獲取包名對應的APK路徑
adb shell pm path packageName

4）清理應用數據
adb shell pm clear packageName

6、啟動應用
adb shell am start -n 包名/Activity類名

例子：啟動應用寶：
adb shell am start -n com.tencent.android.qqdownloader/com.tencent.assistant.activity.SplashActivity

指定模擬器啟動動應用寶：
adb -s 127.0.0.1:5555 shell am start -n com.tencent.android.qqdownloader/com.tencent.assistant.activity.SplashActivity

7、關閉應用
adb shell am force-stop 包名

8、模擬輸入
adb shell input text 字符串(不支持中文)

9、模擬按鍵
adb shell input keyevent 鍵值

10、模擬鼠標點擊
adb shell input tap X Y

11、模擬鼠標滑動
adb shell input swipe X1 Y1 X2 Y2

12、截屏
adb shell screencap -p /sdcard/screencap.png