海马玩模拟器——搭建React Native环境

Visual Studio Emulator for Android 模拟器国内这网络环境不太好用，所以使用海马玩模拟器，给大家推荐一下！下面开始配置环境：

1）下载JDK，配置JDK环境1.8以上

http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html

2）下载Android Studio

配置Android SDK环境，SDK的platform-tools、tools两个子目录加入系统PATH环境变量

C:\Users\...\Sdk\tools;C:\Users\...\Sdk\platform-tools;

注：Android SDK Build-Tools 必须是23.0.1

3）下载Python 2，配置Python环境

注：不支持Python3

4）下载NodeJs，配置NodeJS环境

注：4.1+版本

5）设置国内镜像，加速环境搭建

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

6）安装React Native命令行工具

通过NodeJs自带的npm命令管理工具（react-native-cli）安装

npm install -g react-native-cli

7）工作目录下创建项目

react-native init MyProject

注：耐心等待N...分钟，一般过程会非常慢，数小时左右。失败的话，多试几次

8）安装Android模拟器

注：本人使用的是海马玩模拟器（0.10.3 beta版），adb端口为26944

9）连接安卓设备

adb connect 127.0.0.1:26944

10）工作目录下运行packager

react-native start

注：浏览器访问 http://localhost:8081/index.android.bundle?platform=android等待N...秒看到打包后的脚本，说明服务启动成功

11）工作目录下运行安卓（Android）

react-native run-android

注：首次运行需要等待N...分钟并从网上下载gradle依赖。运行完毕后可以在模拟器看到应用已经启动。

如果apk安装运行出现报错，请仔细查看报错信息和相关环境配置是否正确。如果，看到APP红屏报错，说明环境已经搭建好了。

12）配置packager服务

摇晃设备（海马模拟器在->更多里面），可以打开调试菜单

点击Dev Settings，选Debug server host for device，输入本机IP加:8081（如：192.168.3.35:8081），再按back键返回，再按Menu键，在调试菜单中选择Reload JS，就可以看到运行结果。

注：双击R也可以Reload JS，就不用摇晃模拟器了

13）大功告成！步骤6以下的过程（除了安装海马玩模拟器）会非常的慢，而且过程中会报错、无响应等等。只需要等！！！主要看网速，没办法天朝的网络被墙了（用VPN的土豪可以略过）！报错就重新来一遍，亲测是没问题的。

注：安装Android SDK Build-Tools 23.0.1的过程参看：搭建开发环境 - react native 中文网

海马玩模拟器——搭建React Native环境相关推荐

Mac M1 搭建 React Native 环境
Mac M1 搭建 React Native 环境环境安装可以参考对照官方文档,本文针对M1芯片目前未完全适配情况下的方案,算是临时解决方案,不具有时效性. 你需要自行准备的依赖:Xcode &g ...
在windows上搭建React Native开发环境
最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境. React Native相关项目及文档: react-native的GitHub ...
逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
Android之Windows下搭建React Native Android开发环境（差不多搞了一天）
Android之Windows下搭建React Native Android开发环境穷逼买不起mac,但是他们都说React Native Android只能在mac下面 ...
Android开发基础 -- android studio 使用第三方模拟器连接方法，如海马玩模拟器
安装完模拟器后,要使用adb命令Android studio才能识别出来: 打开cmd,输入:adb connect 127.0.0.1:26944.如下: 海马玩模拟器的端口号是26944. 逍遥安 ...
webpack搭建php服务器,webpack搭建react开发环境步骤详解
这次给大家带来webpack搭建react开发环境步骤详解,webpack搭建react开发环境的注意事项有哪些,下面就是实战案例,一起来看一下.mkdir react-redux && ...
react安装_「React实战」三分钟搭建React开发环境
其实16年的时候就已经接触到React,那个时候也只是入门,时隔多年,工作上一直都没有接触到相关的业务,不知不觉,前端的天也开始渐变,看到了很多招聘要求上都是要求会React,三大框架怎么也得熟悉使 ...
Webpack搭建React开发环境
Webpack搭建React开发环境 1.React环境搭建实现React开发的三种方式: (1)使用CDN的方式 <script src="https://unpkg.com/re ...
react启动命令_十分钟搭建React开发环境
React是facebook开源的js库,主要用于构建UI,它采用声明式的设计,通过虚拟dom,提高程序执行效率,并且实现了UI的响应式更新,目前react在前端项目中有着广泛的应用,本文主要讲解如何 ...
海马玩模拟器启动失败，start machine failed! error code = 3和error code=21
ssdwin7安装visual studio 2019,另外打开网页,终于在最后时刻死机-- 然后ghost重装,几次插拔然后ssd不见了-- 重新买ssd,然后重装. --这些都是前戏-- 今天打开 ...

海马玩模拟器——搭建React Native环境

海马玩模拟器——搭建React Native环境相关推荐

最新文章

热门文章