当前位置: 首页 > article >正文

react native 环境准备

一、必备安装

1、安装node

注意 Node 的版本应大于等于 16,安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具)。

  •  node下载地址:Download | Node.js
  • 设置淘宝源
npm config set registry https://registry.npm.taobao.org/

2、安装Java Development Kit [JDK] 11

在命令行中输入  javac -version 查看版本,如果没有需要下载安装

  • 下载地址:Latest Releases | Adoptium

3、安装Android Studio

  (*)可先按照这个教程安装:

React Native环境配置搭建_reactnative环境搭建-CSDN博客文章浏览阅读3.3k次,点赞4次,收藏21次。重点来了,一共需要下载的包是1.97G,这个Android Virtual Device包就占了1.44G,走下一步会下载得非常慢,有时候是下载进度一动不动,不过没关系,后面会讲解决方案,先继续走。像下图这样全部勾上,包括Android Virtual Device,Android SDK Location路径也是默认就好(防止后续找不到),点击 Next 走下一步:(8)这一步是检测到你可以设置系统加速,已经给你推荐2GB,继续点击 Next 走下一步:(9)安装确认,点击 Next。_reactnative环境搭建https://blog.csdn.net/jin_mu_yan/article/details/130729266?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170157359816800197083218%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=170157359816800197083218&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-2-130729266-null-null.142%5Ev96%5Epc_search_result_base8&utm_term=react%20native%E6%90%AD%E5%BB%BA%E7%8E%AF%E5%A2%83&spm=1018.2226.3001.4187

(1)下载和安装 Android Studio

 Android Studio下载icon-default.png?t=N7T8https://developer.android.google.cn/studio/

注意:

点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的33.0.0版本

(2)设置环境变量

先新建ANDROID_HOME变量,变量值就是sdk根目录,点击浏览目录选择

再点击新建然后把这些工具目录路径添加进去:platform-tools、emulator、tools、tools/bin

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

如果没有tools目录,再看看sdk tools的30.0.0有没有正确安装

二、开发调试工具

native主要可以用react_native_debugger工具来调试,react developer tools浏览器插件可能识别不了

官网下载:Releases · jhen0409/react-native-debugger · GitHub

三、初次启动需要下载react-android-0.xx.x-debug.aar很慢问题

1、复制下面的链接(可用迅雷下载)

https://repo.maven.apache.org/maven2/com/facebook/react/react-android/0.72.7/react-android-0.72.7-debug.aar

注意:根据自己的版本,把版本号对应改一下

2、下载完之后,复制到含有.pom的文件夹里面

文件夹目录里面找一下,注意对应版本号:

C:\Users\Administrator\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-android\0.72.7\

3、重新 react-native run-android 启动一下


http://www.kler.cn/news/156035.html

相关文章:

  • 三极管在数字电路中的应用
  • PyQt6 QToolButton工具按钮控件
  • Nacos源码解读04——服务发现
  • linux 内核regulator
  • 记录 | linux查看文件夹大小
  • 【c++随笔15】c++常用第三方库
  • 浅学指针(5)sizeof和strlen的进阶理解
  • k8s安装步骤
  • Pandas实战:电商平台用户分析
  • 【一个超简单的爬虫demo】探索新浪网:使用 Python 爬虫获取动态网页数据
  • android studio安装SDK时无法勾选
  • 逻辑漏洞测试靶场实验
  • vue $nextTick 样式私有化
  • 设计模式--观察者模式(Observer Pattern)
  • 如何熟练使用vim工具?
  • spring boot的redis连接数过多导致redis服务器压力过大的一次问题排查
  • 数据挖掘之时间序列分析
  • 万界星空科技灯具行业MES介绍
  • 【java毕业设计源码】基于SSM框架的在线智能题库管理系统设计与实现
  • TensorRT安装及使用教程(ubuntu系统部署yolov7)
  • 解决浏览器缓存问题
  • 基于算能的国产AI边缘计算盒子8核心A53丨17.6Tops算力
  • 设置随机种子保证网络可复现性
  • 智能优化算法应用:基于黄金正弦算法无线传感器网络(WSN)覆盖优化 - 附代码
  • 有序表常见题型
  • 2023年GopherChina大会-核心PPT资料下载
  • Fiddler抓包工具之fiddler的常用快捷键
  • SpringAMQP入门案例——发送消息
  • Android CardView基础使用
  • 反序列化漏洞详解(三)