irpas技术客

React Native 环境搭建_一把年纪的小姐姐_react native环境搭建

网络投稿 7224

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 Files\Java\jdk1.8.0_152(jdk安装位置) 编辑path:添加:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 和 C:\Program Files\Java\jdk1.8.0_152\bin(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.5Android SDK Platform-tools 29.0.5Android SDK Build-tools 29Android SDK Build-tools 28.0.3Android SDK Build-tools 28.0.2Android SDK Build-tools 28.0.1Android SDK Build-tools 28Android SDK Build-tools 27SDK Platform 29Intel x86 Atom System Image 29SDK Platform 28Intel x86 Atom System Image 28SDK 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 可将手机投影到电脑上进行查看


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #React #native环境搭建 #Native #SDK1先到 #官网 #去下载node版本使用