window下react-native环境配置

概述:需要工具git,nodejs,android sdk

java的环境配置完成(在终端验证),并关闭防火墙

window下react-native环境配置

1.node下载

 https://nodejs.org/en/

window下react-native环境配置

下载(lts)版本后点击安装,会自动配置环境变量,并且npm下载功能也会具有。

2.android sdk下载

官网下载,链接(有点大,1G多,应该可以只下个sdk就好了,没必要全部下)

https://dl.google.com/dl/android/studio/install/2.1.2.0/android-studio-bundle-143.2915827-windows.exe

sdk下载慢时:npm config set registry https://registry.npm.taobao.org

需要配置sdk环境

window下react-native环境配置

window下react-native环境配置

sdk环境配置好后,就可以使用

adb devices

查看链接的设备手机(手机需要打开开发者模式,并打开usb调试,链接USB)

window下react-native环境配置

3.安装react-native

npm install -g react-native-cli

 

创建项目

react-native init project

window下react-native环境配置

进入项目

cd project

运行项目

react-native run-android

执行上述命令时较慢,可在https://services.gradle.org/distributions/

下载gradle-all.zip包到本地,修改(gradle/wrapper/gradle-wrapper.properties)中的distributionUrl,使其指向zip压缩包的本地路径

问题:

window下react-native环境配置

说明创建项目的sdk版本与本地的不符合,更改project/android/app/build.gradle文件

window下react-native环境配置

在终端输入命令

android

会自动开启sdk manage软件,查看

window下react-native环境配置

改为23.0.3或下载23.0.1(建议下载,否则每次都要改)

 

上一篇:Android Native崩溃与ANR分析


下一篇:npx 使用教程