React Native环境配置、初始化项目、打包安装到手机，以及开发小知识程序员

环境：Win10 + Android

前言已经在Windows电脑上安装好 Node（v14+）、Git、Yarn、
JDK(v11)

javac -version javac 11.0.15.1--- node -v v16.14.1

官方文档
Android Studio下载安装

下载地址

文章图片

Android SDK 下载安装

安装 android sdk

文章图片

文章图片

环境变量配置

配置系统变量

文章图片
Path 配置：

%ANDROID_SDK_ROOT% %ANDROID_SDK_ROOT%\platform-tools %ANDROID_SDK_ROOT%\emulator %ANDROID_SDK_ROOT%\tools %ANDROID_SDK_ROOT%\tools\bin

Scrcpy 手机模拟器下载安装使用

下载地址

文章图片

下载zip文件，解压，双击运行 scrcpy.exe 可执行文件即可在电脑上投影手机屏幕，如下图

文章图片

运行可执行文件之前，使用数据线连接Android手机，进行开发者选项设置（不同的手机进入开发者模式略有差异，自行搜索，我用的是华为手机）

电脑端查看连接设备
adb devices

adb devices List of devices attached 8TFDU18719000649device

adb 命令，在下载 scrcpy 的时候已经内置了

安装 React Native

npm i react-native-cli -g$ react-native -v react-native-cli: 2.0.1 react-native: n/a - not inside a React Native project directory

初始化项目进入到自己的工作目录，执行下面的命令创建 react native 项目

npx react-native init AwesomeProject

运行项目安装软件到安卓机 1、先用数据线连接手机和电脑，运行scrcpy 软件
开发者选项配置修改，最终实现在电脑上可以投屏手机，并可以在电脑上操控手机
2、打开 android studio 编辑器，运行项目

npm run androidor ------------------- cd AwesomeProject yarn android # 或者 yarn react-native run-android

运行的时候会在手机上弹窗 “是否统一安装软件”之类的提示，点击同意即可

文章图片

文章图片

adb reverse 命令使用
adb 文档
解决问题

文章图片

猜测是多设备连接受影响了，可以尝试重启手机解决
也可以尝试如下步骤：启停 adb 服务器

在某些情况下，您可能需要终止 adb 服务器进程，然后重启以解决问题（例如，如果 adb 不响应命令）。
如需停止 adb 服务器，请使用 adb kill-server 命令。然后，您可以通过发出其他任何 adb 命令来重启服务器。

adb kill-server adb start-server adb reverse tcp:8081 tcp:8081

1、作用

adb reverse tcp:8081 tcp:8081

这条命令的意思是，Android允许我们通过ADB，把Android上的某个端口映射到电脑（adb forward），或者把电脑的某个端口映射到Android系统（adb reverse），在这里假设电脑上开启的服务，监听的端口为8081。Android手机通过USB连接电脑后，在终端直接执行adb reverse tcp:8081 tcp:8081，然后在手机中访问127.0.0.1:8081，就可以访问到电脑上启动的服务了。
注意：