react-native android windows环境搭建

前端之家收集整理的这篇文章主要介绍了react-native android windows环境搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

web app算是一个未来的一个方向吧,优秀的跨平台特性,比较低的入门级别要求。

最近Facebook推出的react-native更是大热。根据推荐,用的5.0真机测试,usb调试。

1.JDK

检查安装jdk,这里是1.8

将jdk路径变量加入环境变量

2.Android SDK

只需要android sdk即可,当然也可以安装ide,打开sdkmanager检查更新;将platform-tools加入环境变量,后面需要。

尽量将sdkmanager里面的包都更新到最新的吧。

3.node.js

下载最新的node.js,安装之。作为js环境的管理者,后续需要nodejs下载很多依赖包。

4.安装react-native命令工具

执行命令

npm install -g react-native-cli

5.创建项目

执行命令

react-native init Project

这里需要下载很多依赖包,要一段时间下载依赖包。

完成之后开始打包,敲入

node node_modules\react-native\packager\packager.js

之后生成一个js打包文件

6.运行工程

设置环境变量

set ANDROID_HOME="android sdk 目录"

开启服务,这个服务负责加载js所需的包到目标机;开启服务,编写的js改动后直接reload下就可以看效果了。

react-native start

敲入

react-native run-android

这里需要下载很多依赖包,下载不动,取消,重新敲命令继续。

有可能遇到adb链接问题不能安装,可用AS等安装。

记录个奇葩问题:由于C:/Windows下面一个adb.exe到时adb不可用,不知哪飘来的。

摇动手机,设置服务端pc的ip和端口号(如:192.168.1.100:8081),ok,可以拉依赖包了(注:手机、电脑要一个网段)。

猜你在找的React相关文章