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

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.lryc.cn/news/253821.html

相关文章:

  • PGSQL(PostgreSQL)数据库安装教程
  • 识别和修复网站上损坏链接的最佳实践
  • 使用Navicat连接MySQL出现的一些错误
  • 4G基站BBU、RRU、核心网设备
  • iphone/安卓手机如何使用burp抓包
  • springboot云HIS医院信息综合管理平台源码
  • 【视觉SLAM十四讲学习笔记】第三讲——四元数
  • Linux系统之部署Plik临时文件上传系统
  • 【EI征稿中#先投稿,先送审#】第三届网络安全、人工智能与数字经济国际学术会议(CSAIDE 2024)
  • 『亚马逊云科技产品测评』活动征文|基于亚马逊云EC2搭建OA系统
  • Mysql更新varchar存储的Josn数据
  • JSON.stringify与JSON.parse详解与实践
  • vue 基础
  • 使用axios下载后端接口返回的文件流格式文件
  • 在macOS上使用Homebrew安装PHP的完整指南
  • 图片处理OpenCV IMDecode模式说明【生产问题处理】
  • 吹响AI技术应用的号角
  • C //例10.1 从键盘输入一些字符,逐个把它们送到磁盘上去,直到用户输入一个“#”为止。
  • ARM预取侧信道(Prefetcher Side Channels)攻击与防御
  • 数据结构 | 二叉树的各种遍历
  • Python-赋值运算符(详解)
  • 算法工程师面试八股(搜广推方向)
  • 学习TypeScrip4(数组类型)
  • Python文件打包成exe可执行文件
  • Android : SQLite 增删改查—简单应用
  • 【蓝桥杯】马的遍历
  • 导入JSON到xmind
  • DataGrip 2023.2.3(IDE数据库开发)
  • 身为 Go 程序员,我为啥更喜欢用 Zig?
  • Amazon CodeWhisperer 使用体验