这里介绍的是完整的用windows开发android原生环境,官方文档:rn环境开发搭建

开发和搭建环境之前提醒一下大家,电脑配置一定要好一点,不然就会向我那样,都快成功了,结果卡死机了,fuck!!!,
话不多说直接上步骤


1、下载安装、配置JDK


RN官方提示:JDK 的版本必须是 1.8;Node 的版本应大于等于 12;而且:千万不要使用npm,重要的话说三遍:千万不要使用npm!千万不要使用npm!千万不要使用npm!,我刚开始不听,就要用cnpm,结果后面的依赖路径都错乱了,一直报错,建议网速好的还是用npm

在这里插入图片描述

JDK下载地址:jdk下载地址

打开网站后找到Java SE 8这一栏
在这里插入图片描述

然后根据个人的电脑进行下载,我的是windows x64的,下载的最后一个
在这里插入图片描述

下载完成后进行安装,只需要一路默认即可,安装路径一定要记得,最好复制下来哦;我这里用的是jdk11版本的截图,jdk8版本的截图和这个有很大差别,不过思路和步骤都一样
在这里插入图片描述
接下来就是最重要的一步了:配置java环境

找到电脑的控制面板------》系统和安全--------》系统---------》高级系统设置---------》环境变量;打开之后我们找到下面的系统变量,然后点击新建

在这里插入图片描述

  1. 新建 JAVA_HOME 环境变量,变量值就是你的jdk安装路径,一定要正确的,不然后面运行不起来

    在这里插入图片描述

  2. 修改 path 环境变量,选中点击 “ 编辑 ”

    只需要在后面加上
    在这里插入图片描述

只需要在后面加上:%JAVA_HOME%\bin,前面没有分号的自己加一个英文的;在这里插入图片描述

  1. 新建CLASSPATH环境变量

    变量名:CLASSPATH
    变量值写这个:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\tools.jar
    在这里插入图片描述

到这里还没有结束,我们还要验证JDK是否安装配置成功

打开windows的命令行输入:javajavac,如果都出现的这样的才是真正的成功了
在这里插入图片描述


2、下载安装、配置AS


下载好AS后打开是这样的界面,和RN官网的完全不一样(忘记截图了==!),只有一个默认的虚拟机选项,这个一定要勾选的,接下来一直默认就好了,等到主界面在进行SDK和AVD安装配置
打开后我们新建一个安卓app项目
在这里插入图片描述

在这里插入图片描述

接下来又是很重要的一步:配置安卓开发环境

1、配置安卓环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录;以防万一我都设置了

在这里插入图片描述

SDK 默认是安装在下面的目录

C:\Users\你的用户名\AppData\Local\Android\Sdk

把一些工具目录添加到环境变量 Path

在这里插入图片描述

**

2、配置SDK

**
官方文档的AS还不知道是哪个年代的版本了,界面完全不一样,新版本的要在这里找到SDK和AVD
在·
点进SDK Manager,只要不是Installed都要安装,和SDK Tools一样,如果是没安装或者没安装成功的,左边红色的框里面都会有一个黑色的下载箭头
在这里插入图片描述
这是SDK Tools界面截图
在这里插入图片描述

3、安装虚拟机

点击AS的Tools--------》ADV Manager,然后进入虚拟机,没有的创建一个
在这里插入图片描述
点击新建虚拟机后进入这个页面,我们简单的配置一下自己的虚拟机,点击编辑会有这样一个弹层并点击finish
在这里插入图片描述
注意了!!!,这里有的人点击了完成会有一个报红的错误是:VT-x is disabled in BIOS,这告诉我们,你的虚拟机在BIOS里面是关闭的,需要开启,否则不能运行项目;一般windows都是重启后摁住F2就进入BIOS,在高级模式的CPU里面就有(我的是华硕的)

可以看这个:windows进入BIOS开启虚拟机

创建完虚拟机后是这样的,凡是需要Download都下载一下,一定要确保都是下载成功的,不能有报红信息
在这里插入图片描述
下载完成后

在这里插入图片描述

在这里插入图片描述


3、使用npm创建一个RN项目


1、新建一个空文件夹

2、在vscode终端输入:npm i -g create-react-native-app 来安装react-native

3、输入:npx create-react-native-app 你的项目名称来创建一个RN项目

4、输入:npm run android运行这个RN项目

如果你的Java环境没有配置好,在终端里面就会有对应的报错信息

当当当当当当!!!!!,现在就已经飞起来了,过段时间接着踩坑react-native
在这里插入图片描述
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐