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

React-Native开发环境配置-安装工具-创建项目教程

1、React-Native开发环境需要安装的东西:

必须安装的依赖有:Node、JDK 和 Android Studio、Android SDK。

编辑器可以选择熟悉的VSCode,但是需要安装 Android Studio 来获得编译 Android 应用所需的工具和环境。

准备一台安卓手机或模拟器。

2、Node的安装:

注意Node.js的版本需要大于18版本,安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程。

Node.js下载地址————下载LTS (长期维护)版本

# 使用nrm工具切换淘宝源
npx nrm use taobao# 如果之后需要切换回官方源可使用
npx nrm use npm

3、Java配置环境:

1. 根据系统选择对应的版本

下载JDK地址——需要下载17版本的

2. 安装Java的JDK:

3. 配置JDK环境变量:

3.1 使用命令行生成jre文件夹:
bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre

3.2 找到系统变量:

右键打开此电脑 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量 -> 系统变量

3.3 点击“新建”会出现一个弹窗:
变量名:JAVA_HOME
变量值:D:\ruanjian2\JDK(JDK的安装路径,这里以你自己的安装路径为准)

3.4 然后我们在系统变量下找到Path变量,点击编辑,新建两个环境变量:
%JAVA_HOME11%\bin
%JAVA_HOME11%\jre\bin

3.5 最后命令行输java,javac查看是否安装成功即可:

javac -version————查看JDK版本

4、Android Studio工具:

4.1 Android Studio下载安装:

Android Studio下载地址————安卓开发工具

首先下载和安装Android Studio,安装界面中选择"Custom"选项,确保选中了以下几项:

然后点击"Next"来安装选中的组件。

4.2 Android Studio创建项目:

4.3.Android Studio工具安装Android SDK:

Android Studio默认会安装最新版本的 Android SDK。

你可以在Android Studio的欢迎界面中找到 SDK Manager。点击"Configure",然后就能看到"SDK Manager"。或者 SDK Manager 还可以在 Android Studio 的"Preferences"菜单中找到。具体路径是Appearance & BehaviorSystem SettingsAndroid SDK

SDK Manager中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 15(VanillaIceCream)1选项,确保勾选了下面这些组件(如果你看不到这个界面,则需要使用稳定的代理软件):

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的35.0.0版本。你可以同时安装多个其他版本。

最后点击"Apply"来下载和安装这些组件。

4.4 配置安卓SDK环境环境变量:
ANDROID_HOME

%ANDROID_HOME%\tools
%ANDROID_HOME%\platform-tools

4.5 安装安卓虚拟机(模拟器) :

先创建一个虚拟设备。点击Create Virtual Device,然后选择所需的设备类型并点击Next,然后选择Tiramisu API Level 33 image。

4.6 使用管理员命令行查看安卓SDK版本:

5、创建react-native项目:

5.1 创建项目
npx @react-native-community/cli init MyApp
5.2 运行项目
npm run android————运行安卓
5.3 创建成功

5.4 提前下载好gradle-8.12-all.zip,放在本地。

Gradle下载地址

5.5 项目里提前配置好本地的gradle,减少下载时间

5.6 注意事项

必须要看的注意事项一:不要在目录、文件名中使用中文、空格等特殊符号。不要单独使用常见的关键字作为项目名(如 class, native, new, package 等等)。不要使用与核心模块同名的项目名(如 react,react-native 等)。

必须要看的注意事项二:不要在某些权限敏感的目录例如 System32 目录中 init 项目!会有各种权限限制导致不能运行!

必须要看的注意事项三:不要使用一些移植的终端环境,例如git bashmingw等等,这些在 windows 下可能导致找不到环境变量。使用系统自带的命令行(cmd 或 Powershell)运行。

http://www.dtcms.com/a/288934.html

相关文章:

  • 数据并表技术全面指南:从基础JOIN到分布式数据融合
  • Pinia 核心知识详解:Vue3 新一代状态管理指南
  • 六边形滚动机器人cad【7张】三维图+设计书明说
  • [数据库]Neo4j图数据库搭建快速入门
  • 反激电源中的Y电容--问题解答
  • Python类中方法种类与修饰符详解:从基础到实战
  • linux shell从入门到精通(一)——为什么要学习Linux Shell
  • MybatisPlus-14.扩展功能-DB静态工具-练习
  • 0401聚类-机器学习-人工智能
  • VSCode中Cline无法正确读取终端的问题解决
  • Github 贪吃蛇 主页设置
  • hot100——第八周
  • 【文件IO】认识文件描述符和内核缓冲区
  • docker Neo4j
  • 【论文阅读笔记】RF-Diffusion: Radio Signal Generation via Time-Frequency Diffusion
  • Vue3虚拟滚动实战:从固定高度到动态高度,告别列表卡顿
  • 从零开始的云计算生活——番外5,使用ELK实现对应用日志的监控
  • lvs调度算法(10种)
  • 【Docker基础】Docker-compose常用命令实践(一):服务生命周期管理
  • LVS技术详解与实战
  • Python dataclass 高阶用法与技巧
  • QML 图形效果详解
  • 深入解析Ext2文件系统架构
  • AI 量化工具汇总
  • C语言:二维数组
  • 【自动驾驶黑科技】基于Frenet坐标系的车道变换轨迹规划系统实现(附完整代码)
  • OneCode+CloudWeGo 深化实践:智能发货单的 LLM 逻辑推理引擎优化
  • 30天打牢数模基础-层次聚类讲解
  • Ubuntu高频实用命令大全
  • [自用】JavaSE--集合框架(二)--Map集合体系