RN学习(一)：React Navite的环境搭建(详细版)

最新推荐文章于 2024-05-25 06:00:00 发布

copyer_xyf

最新推荐文章于 2024-05-25 06:00:00 发布

阅读量762

点赞数

分类专栏： RN 文章标签： react native

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/James_xyf/article/details/120233240

版权

RN 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）

最近要接触RN的项目了，所以打算学习一下RN，先学习RN，就必须配置RN的环境变量，RN的环境变量，要求还是挺多的，所以，做个记录，以后就看看自己的博客就行了。

RN的官网地址安装教程：搭建开发环境

RN 的配置环境：

python 2.x （必须）
JDK 1.8 也称 8版本， 1.9就直接炸裂
node版本大于等于 12
Android Studio

检查是否安装成功的步骤：

安装环境
配置环境变量
检查

python 的环境安装

官网下载地址：https://www.python.org/downloads

根据自己的电脑安装不同的版本，但是一定是在2.x ，不要安装3.x

安装步骤

下载成功后。双击打开安装：

也就无脑的安装，不停的next就可以了

在这里插入图片描述

在这里插入图片描述

这里记住自己的安装路径，后面配置环境变量会使用到。这里我就选择默认的了。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

到了，这一步，就安装成功了。

配置环境变量

右击 我的电脑 选择 属性

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

然后一路点击确定即可。

检查是否安装成功

打开终端

输入 python

在这里插入图片描述

看见上面的版本，就说明安装成功

退出检查： exit()

安装JDK1.8

下载地址：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

安装步骤

下载之后，点击双击安装

基本还是无脑的安装，就是要记下安装的路径

注意： JDK 和 JRE安装在同一文件下

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

配置环境变量

跟上面配置 PYTHON_HOME的基本一样

在这里插入图片描述

在这里插入图片描述

注意后面：需要加上 \bin。因为java的执行文件在bin文件夹下。
（好像需要配置%JAVA_HOME%\jre\bin）

检查是否安装成功

打开终端：

java

javac

在这里插入图片描述

以上命名不报错的话，就是安装成功

Android安装

安装步骤

下载地址：https://www.androiddevtools.cn/

推荐博客： https://blog.csdn.net/qq_42391248/article/details/101781994

这篇博客写的非常的清楚

安装地址：最好不要在C盘，挺吃内存的

（最后实践，好像也不需要安装Android Studio，只需要安装SDK即可，在环境变量中。也是使用的配置的SDK，除非是想使用 ANDROID自带的模拟器，哈哈哈，不然安装其他的模拟器就OK了）

安装： Android Studio 和 Sdk

我这里安装的路径：D:\Android文件夹下

在这里插入图片描述

配置环境变量

在这里插入图片描述

在这里插入图片描述

变量名： ANDROID_HOME

变量值：安装路径

在path的模块下：新建

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools

检查是否安装成功

打开终端： adb devices

查看连接设备（真机，还是虚拟机）

模拟器的安装

Android 官方提供了名为 Android Virtual Device（简称 AVD）的模拟器。此外还有很多第三方提供的模拟器如Genymotion、BlueStack 等。一般来说官方模拟器免费、功能完整，但性能较差。第三方模拟器性能较好，但可能需要付费，或带有广告。

这里安装的是：第三方的模拟器 Genymotion，

下载地址：https://www.genymotion.com/download/

在这里插入图片描述

下载带有虚拟器的可执行文件

下载之后，有可执行文件

在这里插入图片描述

点击安装即可

安装步骤

在这里插入图片描述

中间就不停的点next

中途可以修改安装的路径

当把genymotion软件安装完成之后，又会直接有个弹框 VirtualBox的安装

在这里插入图片描述

自己设置安装的路径

在这里插入图片描述 补充：千万不能改路径，改了路径，在启动的时候就会报无法启动虚拟器的错误

next

在这里插入图片描述

在安装的过程中，会跳出其他的东西让你安装，点击确定就OK了，就会自动安装

在这里插入图片描述

上面就是安装完成了。

在桌面上，就会多出三个图标

在这里插入图片描述

genymotion的使用

在上面，桌面上，不是有三个图标嘛，但是主要用到还是Genymotion这个App。

在使用之前，是需要账号和密码的，才能检查到设备

账号和密码的注册地址：https://www-v1.genymotion.com/account/create/

打开地址：

在这里插入图片描述

当然你，也可以翻译成中文（其实，我是感觉大致可以猜测出内容，嘻嘻）

这里就注册邮箱和密码

用法类型和公司类型都选择最后一个吧，没撒用处

点击创建账号即可。

在这里插入图片描述

然后，就打开，电脑桌面上的软件

在这里插入图片描述

输入邮箱和密码，点击next

在这里插入图片描述

选择 个人使用 next

在这里插入图片描述

软件的界面

创建虚拟机使用

推荐一篇博客：https://blog.csdn.net/qinxuexiang_blog/article/details/105896524

结语：

还有node环境，这个就不需要记录了，学习RN，肯定会react的，也就意味着以前肯定安装过node环境的，只要满足一点，版本合适即可。(大于12的版本)
记录下来，也可能是为了以后的再次安装吧。这次安装一帆风顺，没有遇到任何的问题，还是很开心的。

我就想知道 Genymotion的个人版是免费的吗？ 请使用者，告知一声，十分感谢。

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
RN学习(一)：React Navite的环境搭建(详细版)

每天对自己多问几个为什么，总是有着想象不到的收获。一个菜鸟小白的成长之路（copyer）最近要接触RN的项目了，所以打算学习一下RN，先学习RN，就必须配置RN的环境变量，RN的环境变量，要求还是挺多的，所以，做个记录，以后就看看自己的博客就行了。 RN的官网地址安装教程：搭建开发环境 RN 的配置环境：python 2.x （必须）JDK 1.8 也称 8版本， 1.9就直接炸裂node版本大于等于 12Android Studio检查.
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。