react-native的环境搭建

react-native的环境搭建

最近因岁寒三友小组准备进行技术方面分享,由于本期由胖大星分享react-native,对react-native没有进行过开发的我进行了了解学习,其中查了一些资料也遇到了一些报错,但最终也算找到了解决方案,分享一下。
1.准备工作
可以按照官网给出的搭建环境步骤进行https://reactnative.cn/docs/getting-started.html
简单的说一下必备的几个安装流程:
根据你的具体情况进行开发平台目标平台的选择一下以windows开发平台Android目标平台为例:
1.1首先安装依赖
必须安装的依赖有:Node、Python2、JDK 和 Android Studio。
(这里虽然安装了Android Studio并不是必须使用它作为开发工具,但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境,可以选择顺手的VSCode或者Webstorm等熟悉的工具开发 但这里安装是必须的,注意 Node 的版本应大于等于 12,Python 的版本必须为 2.x(不支持 3.x),而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)
这里android的开发环境详细安装过程可以参考官网,不再赘述。
1.2配置环境变量
安装完相关的依赖进行环境变量配置,首先JDK相关配置参考链接 https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html
配置后切记别忘了检测JDK是否配置成功,做到一步步不出问题。
其次根据react-native提示的配置 ANDROID_HOME 环境变量。
1.3创建项目运行
配置好上述的相关环境,可以按照官网进行android studio模拟器下载安装并启动项目,这里不详细说,但个人觉着自带模拟器下载不方便,下面详细说下安装第三方模拟器调试开发。
(虽然第三方模拟器广告多,但感觉启动比较快一些。)
我这里安装的是夜神模拟器,但其中也发生了一些小插曲,当模拟器启动后运行项目会提示错误信息Failed to install the app .Make sure you have the Android development environment …
如果在android studio上运行成功,并且第三方模拟器正常运行,就可以考虑adb(想详细了解可以自行百度)没有监听到模拟器从而顺利进行通讯。
so:
打开dos命令 输入: adb devices 发现
在这里插入图片描述
并没有检测到相关的ip端口监听到模拟器。

1.3.1
dos命令输入: adb version
f在这里插入图片描述
找到相关的第三方模拟器这里以夜神为例:
在这里插入图片描述

查看其对应的版本:
可以将此文件所在目录路径配置到环境变量的path下
在dos命令直接输入: nox_adb version
检测相应的版本是否与上述一致 如果不一致用上述的覆盖当前的 nox_adb.exe。
(可命名为nox_adb)再进行测试
dos命令 输入: adb devices 发现
在这里插入图片描述
此时说明链接成功!
这时候就可以在对应的项目工程下运行项目(react-native run-android)进行调试咯!

搭建 React Native 环境需要以下步骤: 1. 安装 Node.js React Native 依赖 Node.js 运行环境,因此需要先安装 Node.js。你可以在官网上下载适合你操作系统的版本并安装。 2. 安装 React Native 命令行工具 在终端中运行以下命令安装 React Native 命令行工具: ``` npm install -g react-native-cli ``` 3. 安装 Java SE Development Kit 安装 Java SE Development Kit (JDK) 是因为 React Native 的一些依赖需要 Java。你可以在官网上下载适合你的操作系统的版本并安装。 4. 安装 Android Studio 安装 Android Studio 是因为 React Native 开发需要 Android 环境,Android Studio 提供了 Android 的开发工具和模拟器。你可以在官网上下载适合你操作系统的版本并安装。 5. 配置 Android SDK 在 Android Studio 中配置 Android SDK。打开 Android Studio,选择 "Configure" -> "SDK Manager",在 "SDK Platforms" 标签页中选择相应的 Android 版本并安装,然后在 "SDK Tools" 标签页中安装 "Android SDK Build-Tools" 和 "Android SDK Platform-Tools"。 6. 配置环境变量 将以下路径添加到环境变量中: ``` ANDROID_HOME=<path to Android SDK> ``` 将 `<path to Android SDK>` 替换成你的 Android SDK 的路径。在 macOS 或 Linux 中,可以将以上命令添加到 `~/.bash_profile` 文件中。 7. 创建 React Native 项目 在终端中运行以下命令创建一个新的 React Native 项目: ``` react-native init <project name> ``` 将 `<project name>` 替换成你的项目名称。等待一段时间,直到项目创建完成。 8. 运行 React Native 项目 进入项目目录,运行以下命令启动项目: ``` cd <project name> react-native run-android ``` React Native 将会自动编译和安装应用程序到模拟器或连接的设备中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值