react-native如何配置环境变量

react native配置环境需要安装依赖Node、JDK和Android Studio

第一步：安装NVM与Node.js

一、安装NVM

1.下载nvm包：在以下官网中下载nvmReleases · coreybutler/nvm-windows · GitHubhttps://github.com/coreybutler/nvm-windows/releases下载完成后在win+R,调用cmd，输入nvm，出现下面这一堆就表示安装成功了

二、使用NVM安装Node.js

        1.首先，win + R，调用cmd，输入“nvm list available”，查询可插入版本号，LST表示可插入稳定版本。

2.安装指定node.js版本，必须在18以上，输入nvm install 18或者18以上的版本即可

3.输入nvm use 18或18以上版本

三、环境变量配置

1.win11打开设置系统里的系统信息找到高级系统设置点击环境变量

2.在path当中配置环境变量

3.验证是否配置成功，打开命令面板输入npm install express -g如果出现以下情况配置成功

第二步、安装JDK

一.JDK介绍：

        1、JDK8（=Java8=JDK1.8），这个版本较为成熟稳定，是JDK的一个重要长期支持版本(LTS)，在生产环境中使用非常广泛；

         1、JDK11，增加了大量实用的新特性，包括新的 ZGC、云计算监控诊断、Http Client、支持Unicode 10.0.0等，一共包含 17 个 JDK 增强提案；

         1、JDK17，最新长期支持版本， 具有switch 新增模式，增加 Realed class 密封类，Parallel GC 默认启用已经浮点运算更加严格；

          1、JDK18，短期版本，增加了服务提供者接口，默认字符集为UTF-8；

比较支持下载JDK17的版本可以长期支持版本

二、下载与安装JDK

        1.进入到官网寻找JDK17版本

2.然后开始安装JDK，存放JDK的路径上不要有中文

路径可以随便选择将JDK安装在你所选择的文件夹中，然后下一步下载完成即可

三、环境配置

1.新键一个变量取名为JAVA_HOME，变量值是自己下载时选择的路径

2.新增加一个CLASSPATH变量属性，继续点新增，然后添加如下代码

.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3.然后找到path变量，双击进入，点击新建，输入以下代码

%JAVA_HOME%\bin

 4.验证是否配置成功

按下window键+R，在运行栏中输入cmd，在命令窗口中输入java -version，出现如下内容，即为安装成功。

第三步：创建rn项目

npx @react-native-community/cli init AwesomeProject1

第四步：安装Android Studio

一、进入到Android Studio官网进行下载

2.下载完成之后开始安装

3.安装完成后打开会弹出一个弹窗，默认选择第二个选项就好

4.如果遇到这个页面直接叉掉就行

5.进入到当前页面选择Custom可以自己选择SDK的安装路径

6.写完文件的位置后一直下一步，到达这一步时选择安装的路径下一步

7.下一步到以下区域等待下载

8.进入到软件当中，打开我们需要打开的文件

9.打开之后右下角是在适配当前的文件等待完成

10.点击加号添加模拟器的类型

11.点击设置里面的SDK下载配置，选中以下的配置点击Apply,等待下载完成

二、配置下载的SDK环境

1.进入到环境变量当中，配置SDK变量名称为ANDROID_HOME，变量值为下载SDK时选中的路径

2.然后在path配置环境变量，输入以下四条

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\cmdline-tools\latest\bin
%ANDROID_HOME%\cmdline-tools

第五步：使用模拟器打开rn项目，在终端输入以下代码即可运行

npx react-native run-android