react-native上手之环境搭建及连接模拟器

使用react-native创建应用app，环境搭建很重要。我使用的是夜神模拟器进行模拟。

环境搭建

1.安装java jdk

    （1）官网下载java jdk安装包，傻瓜式安装，下一步 下一步

　（2）配置环境变量

1. 修改环境变量，新增JAVA_HOME的系统环境变量，值为C:Program Files (x86)Javajdk1.8.0_112，也就是安装JDK的根目录
2. 修改系统环境变量Path，在Path之后新增%JAVA_HOME%in;%JAVA_HOME%jrein;
3. 新建系统环境变量CLASSPATH，值为.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.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:developandroid_studio，也就是安装sdk的根目录
2. 修改系统环境变量Path，在Path之后新增%ANDROID_HOME% ools;%ANDROID_HOME%platform-tools;
3. 修改系统环境变量Path，在Path之后新增D:developandroid_studioplatform-tools（android studio所安装目录，adb.exe 所在文件夹）

　　或者直接将D:developandroid_studioplatform-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