RN环境配置及调试

208 阅读1分钟

电脑环境配置

安装jdk11

安装地址:jdk.java.net/archive/

image.png

下载后解压即可

配置环境变量

  • 添加JAVA_HOME

    image.png

  • PATH下添加%JAVA_HOME%\bin

    image.png

初始化RN项目

npm install -g react-native-cli

npm install -g yarn

npx react-native init MyProject --version x.xx.x

//node版本18.20.4  jdk11
npx @react-native-community/cli init MyNewProject --version 0.70.0

手机环境配置

1、android手机打开开发者模式

2、设置中搜索开发者选项

3、打开USB调试,将安卓app壳子下载到手机上

4、电脑启动RN项目,打开app,摇一摇手机,设置ip为运行RN项目电脑的ip地址。再次摇一摇手机,选择reload。这时会app会下载RN项目到手机中,等待即可看到RN项目页面

运行

使用命令:npm run android npm走到gradle下载时会报错。是因为npm不会走到科学上网,需要单独配置npm代理,或者修改gradle的源

阿里云镜像:mirrors.aliyun.com/macports/di…

腾讯云镜像:mirrors.cloud.tencent.com/gradle/