准备工作


1 . jdk配置

jdk安装请自行配置 , 本案例使用版本 : 1.8.0_131

2 . Node.js配置

🌴🌴🌴 Node.js安装教程

3 . C++配置

大多数情况下操作系统自带C++环境,不需要手动安装C++环境; 如果运行报错,则需要手动安装visual studio中的C++环境;

4 . Python配置

🌴🌴🌴 python安装教程

5 . Android配置

🌴🌴🌴 Android安装教程



ReactNative安装


1 . 切换nrm镜像
  • 使用nrm ls查看正在使用的镜像 , 使用npx nrm use taobao将镜像切换为taobao
    在这里插入图片描述
2 . 安装yarn和react-native客户端

npm install -g yarn react-native-cli
在这里插入图片描述
在这里插入图片描述

3 . 初始化一个RN应用

在自己需要的路径下 , 使用react-native init 项目名初始化一个RN项目
在这里插入图片描述

4 . 连接真机或者模拟器

adb devices查看设备连接 , devices状态表示连接成功
在这里插入图片描述

5 . 选择IOS或者Android

选择打包IOS或Android
在这里插入图片描述

6 . 打包Android

移动到项目根目录执行react-native run-android打包

7 . 打包IOS

移动到项目根目录执行npx react-native run-ios

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐