目前React Native环境搭建教程

环境搭建
1.工具下载安装
Node   https://nodejs.org/dist/v10.15.1/node-v10.15.1-x64.msi

python 2.7.15   https://www.python.org/ftp/python/2.7.15/python-2.7.15.amd64.msi   必须这个版本

Java SE Development Kit 8u201      https://download.oracle.com/otn-pub/java/jdk/8u201-b09/42970487e3af4f5aa5bca3f542482c60/jdk-8u201-windows-x64.exe?AuthParam=1551260295_cdeba3af07cdd68a651e96926cafc699
必须这个版本


android studio      https://dl.google.com/dl/android/studio/install/3.3.1.0/android-studio-ide-182.5264788-windows.exe

2.工具配置

安装React Native命令行工具:   
打开node.js终端,输入并执行npm install -g react-native-cli。

在Android studio中
打开Android studio  SDKManager,确保在SDK Platfroms下   勾选Android P的型号,在SDK Tools下勾选Android SDK Tools    点击apply,下载并打开模拟器


3.环境变量配置

配置好java JDK环境变量
一般配置方法


配置Python2.7.15环境变量
变量名:Path                    添加  变量值:G:\Program Files\python2.7.15     python安装目录


配置android环境变量:

变量名:ANDROID_HOME,变量值:C:\Users\USERS_NAME\AppData\Local\Android\Sdk  一般都是这个目录
变量名:Path                      添加 变量值:C:\Users\USERS_NAME\AppData\Local\Android\Sdk\platform-tools  一般都是这个目录

4.创建React Native项目


在终端中进入创建项目的目录,然后输入
react-native init <项目名字>
如:
react-native init FirstApp
执行创建项目。


5.运行React Native项目


前提:模拟器必须处于运行状态
进入项目目录,输入
react-native run-android
等待一段时间项目就会运行成功   ps:如果真机和模拟器都处于连接状态,所以设备都会运行该项目。且默认一次只能运行一个项目,

6.问题
在真机和模拟器确认打开且已连接情况下出现以下错误:
错误一;Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
问题原因:可能是jdk配置错误,解决办法:重新安装JDK版本必须是8u201或202
错误二:在真机上运行仍然出现Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
问题原因:可能是真机与电脑连接有问题,解决办法:重新打开真机USB调试
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值