首页 > Windows开发 > 详细

window下react-native环境配置

时间:2021-06-04 11:50:11      阅读:18      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

1.node下载

?https://nodejs.org/en/

技术分享图片

下载(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环境

技术分享图片

技术分享图片

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

adb?devices

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

技术分享图片

3.安装react-native

npm?install?-g?react-native-cli

?

创建项目

react-native?init?project

技术分享图片

进入项目

cd?project

运行项目

react-native?run-android

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

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

问题:

技术分享图片

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

技术分享图片

在终端输入命令

android

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

技术分享图片

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

?

window下react-native环境配置

原文:https://blog.51cto.com/u_13425336/2855127

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!