React Native 环境搭建

React Native 环境搭建

必须安装的依赖有：Node、JDK、Yarn、Android SDK

1、先到 官网 去下载node版本(使用 nvm 工具来安装也可以)

2、Yarn安装

npm install yarn -g  // 使用npm全局安装yarn 

检查是否安装成功

yarn -v

3、JDK的安装与配置

安卓系统的APP离不开JAVA环境，因此需要下载安装JDK(1.8版本)。到该网站下载JDK
JDK的环境变量配置：
1、右键我的电脑，点属性

2、然后单击高级系统设置，在弹出来的对话框中单击高级，再单击环境变量

3、在弹出来的对话框中设置如下

新建系统变量：变量名：JAVA_HOME 变量值：C:\Program Files\Java\jdk1.8.0_152（jdk安装位置）

编辑path：添加：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 和 C:\Program Files\Java\jdk1.8.0_152\bin（jdk安装位置）

到此JDK的环境变量设置完毕，命令行终端，使用命令 java 与 javac 检测一下是否设置 成功

4、Android SDK的下载与安装

我们可以直接下载Android SDK并进行必要配置
1.首先打开 网站，然后一直向下拉，找到 SDK Tools 进行下载

2、以管理员身份安装此软件，设置允许使用此计算机的所有人 选项，其它一路默认到底，直到安装完成.

安装成功后 以管理员身份运行SDK Manager.exe 文件 下载你所需要的下载项
根据RN中文网的描述，编译React Native应用需要的是Android 9版本的SDK，还需要各种组件，为 了当前以及后期的稳定，总结起来，总共需要下载:

• Android SDK Tools 25.2.5
• Android SDK Platform-tools 29.0.5
• Android SDK Build-tools 29
• Android SDK Build-tools 28.0.3
• Android SDK Build-tools 28.0.2
• Android SDK Build-tools 28.0.1
• Android SDK Build-tools 28
• Android SDK Build-tools 27
• SDK Platform 29
• Intel x86 Atom System Image 29
• SDK Platform 28
• Intel x86 Atom System Image 28
• SDK Platform 27
  
  

Android环境变量设置

5、初始化项目和打包APP到手机

1、通过数据线连接android手机，打开开发者选项 USB调试
2、打开命令行，输入

abd devices

3、运行npx react-native init 项目名称 命令初始化一个React-Native项目

npx react-native init myApp

进入项目目录

cd ./myApp

运行项目

npx react-native run-android

工具
屏幕投影工具 https://github.com/Genymobile/scrcpy
可将手机投影到电脑上进行查看