windows搭建安装react-native环境
阅读原文时间:2023年07月17日阅读:1

在win10环境下,利用Genymotion模拟器,配置react-native的环境。

在网上下载jdk,版本最好是1.8以上。安装后要对环境变量进行配置。

同时在 Path 中配置jdk的环境变量:

说明:

安装完后可以通过

java –version

来查看当前安装的jdk的版本。

这个我是在360上下载的 Android Studio 版本的:

下载完后安装。

然后设置环境变量 ANDROID_HOME 。为我们刚刚安装的sdk路径:

网上下载

http://www.androiddevtools.cn/

找到对应工具下载。

在我们第二安装后的文件中我们会看到连个文件:

点击SDK Manager.exe。弹出对应的对话框:

在tool安装对应的选项:

在android6.0(API23)中安装:

在Extras中安装:

还有一个文件,名字叫这个的:

Local Maven repository for Support Libraries

说明:

有的话就装上吧,我的这里显示没有。所以不知道是否安装了。

然后在配置环境变量:

下载地址:https://nodejs.org/en/

下载node.js,找好对应的版本,然后去安装就可以了。可以通过node -v的命令来测试NodeJS是否安装成功

安装node是使用node的npm命令,但是在国内一般npm下载速度慢,可以使用cpm。操作过程可在网上查。

安装React-native需要用到Git,如果没有配置git,需要先下载对应的客户端,然后将git加入path环境变量即可
下载地址:https://git-for-windows.github.io/

具体安装步骤,可以去找网上的资料。

npm install -g react-native-cli

创建自己的react-native项目,名字自定定义。

react-native init FirstApp

成功之后的目录:

网上搜的破解版,自带手机模型块。

安装步骤:

然后安装 镜像文件 手机模型块:

说明:

安装模型块必须通过之前安装的 VirtualBox 这个管理器来安装。

在模块文件中选择后,点击下一步。

然后点击安装即可。

运行完模拟器后,在终端输入:

adb devices

出现这样,表示模拟器链接成功。

说明:

如果报 adb 命令找不到或者没有devices的命令,那就是 android sdk 下的 platform-tools 环境变量配置的路径不对。要检查下。

然后设置模拟器 android sdk 的路径:

首先通过终端进入之前利用react-native init 命令创建的项目。执行西面命令:

react-native run-android

然后会自动编译,压缩到模拟器:

说明:

不出意外是能启动了。也能调试了。