栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

React Native 环境搭建

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

React Native 环境搭建

React Native 环境搭建

必须安装的依赖有:Node、JDK、Yarn、Android SDK

1、先到 官网 去下载node版本(使用 nvm 工具来安装也可以) 2、Yarn安装
npm install yarn -g  // 使用npm全局安装yarn 

检查是否安装成功

yarn -v
3、JDK的安装与配置

安卓系统的APP离不开JAVA环境,因此需要下载安装JDK(1.8版本)。到该网站下载JDK
JDK的环境变量配置:
1、右键我的电脑,点属性

2、然后单击高级系统设置,在弹出来的对话框中单击高级,再单击环境变量

3、在弹出来的对话框中设置如下

新建系统变量:变量名:JAVA_HOME 变量值:C:Program FilesJavajdk1.8.0_152(jdk安装位置)

编辑path:添加:%JAVA_HOME%bin;%JAVA_HOME%jrebin; 和 C:Program FilesJavajdk1.8.0_152bin(jdk安装位置)

到此JDK的环境变量设置完毕,命令行终端,使用命令 java 与 javac 检测一下是否设置 成功

4、Android SDK的下载与安装

我们可以直接下载Android SDK并进行必要配置
1.首先打开 网站,然后一直向下拉,找到 SDK Tools 进行下载

2、以管理员身份安装此软件,设置允许使用此计算机的所有人 选项,其它一路默认到底,直到安装完成.

安装成功后 以管理员身份运行SDK Manager.exe 文件 下载你所需要的下载项
根据RN中文网的描述,编译React Native应用需要的是Android 9版本的SDK,还需要各种组件,为 了当前以及后期的稳定,总结起来,总共需要下载:

  • Android SDK Tools 25.2.5
  • Android SDK Platform-tools 29.0.5
  • Android SDK Build-tools 29
  • Android SDK Build-tools 28.0.3
  • Android SDK Build-tools 28.0.2
  • Android SDK Build-tools 28.0.1
  • Android SDK Build-tools 28
  • Android SDK Build-tools 27
  • SDK Platform 29
  • Intel x86 Atom System Image 29
  • SDK Platform 28
  • Intel x86 Atom System Image 28
  • SDK Platform 27

Android环境变量设置

5、初始化项目和打包APP到手机

1、通过数据线连接android手机,打开开发者选项 USB调试
2、打开命令行,输入

abd devices


3、运行npx react-native init 项目名称 命令初始化一个React-Native项目

npx react-native init myApp

进入项目目录

cd ./myApp

运行项目

npx react-native run-android

工具
屏幕投影工具 https://github.com/Genymobile/scrcpy
可将手机投影到电脑上进行查看

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/677536.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号