1.安装jdk,SDK

Jdk下载地址:http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html

Sdk下载地址:http://tools.android-studio.org/index.php/sdk

jdk要1.8或以上。然后配置对应的环境变量。需要注意的一点是:jdk和jre不能安装到同一个目录下。

配置环境变量:

ANDROID_HOME:Android SDK Manager的位置(例如:D:\Android\sdk)

PATH: %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45
Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

之后在命令行输入:adb  测试是否配置SDK成功

2.对SDK进行设置

Android SDK Build-tools version 23.0.1 (保险起见我把23.的都下了)

谷歌镜像存在墙的问题,故:

使用国内镜像下载:

大连东软信息学院镜像服务器地址:

http://mirrors.neusoft.edu.cn 端口:80 已测试,可以使用

3,安装NODE,git,Python,android studio

直接上官网下载即可

下载地址:https://nodejs.org/en/

下载地址:https://git-for-windows.github.io/

下载地址:https://www.python.org/downloads/release/python-2710/

下载地址:http://www.android-studio.org/

4.安装react-native命令行工具react-native-cli

创建一个React Native专用的文件夹,

进入该文件夹,在文件夹内打开系统命令行,输入:npm install -g react-native-cli

5,创建ReactNative项目

在React Native专用的文件夹进入系统命令行,输入react-native init AwesomeProject --version 0.51.0(下载指定版本的react-native项目)

6.运行该package

进入AwesomeProject文件夹内,在文件夹内打开命令行,

输入:react-native start

这时候用浏览器访问http://localhost:8081/index.bundle?platform=android

如果可以访问表示服务器端,显示出一大堆代码,就表示你成功了。

这是很坑的一步,有时候会停在Loading dependency graph, done.不动了。

7,运行到模拟器上

先打开模拟器(我使用的是android studio的模拟器),保持能连接状态。

上一步的窗口留住,不要关闭(关闭就进不去那个网站了)。

再打开一个行的命令行窗口,输入:react-native run-android

8,遇到的问题

(1),无法检测到模拟设备,端口被占用

D:\android-sdks\platform-tools>adb kill-server --停止adb服务
D:\android-sdks\platform-tools>adb start-server --开启adb服务

查找设备列表:adb devices

(2),启动Android模拟器报错需安装Intel HAXM

重启计算机,进入开机界面前按F2/esc/del(不同的电脑不同的方式)进入到计算机的BIOS下,保证将Intel Virtual Technology设置为Enable状态(即允许虚拟机技术):

然后再回来安装HAXM即可:

(3),安装gradle报错

解决办法:1,首先 把对应版本的gradle载到本地任意一个磁盘里(本人这里是gradle-2.14.1-all),然后放在一个盘中

,2,然后替换项目中 android/gradle/wrapper/gradle-wrapper.properties 的 distributionUrl ,

即  distributionUrl=file\:///D:/gradle/gradle-2.14.1-all.zip (注意这里需要加上转义字符\)

3.然后就ok了

(4),无法下载资源列表

错误:Failed to download any source list!

java.net.ConnectException:Connection refused:connect

解决方法:下载以下配置包以及对应的sdk包

React-Native windows环境搭建记录的更多相关文章

  1. React Native iOS环境搭建

    前段时间React Native for Android发布,感觉React Native会越来越多的公司开始研究.使用.所以周六也抽空搭建了iOS的开发环境,以便以后利用空闲的时间能够学习一下. 废 ...

  2. React Native的环境搭建以及开发的IDE

    (一)前言 前面的课程我们已经对React Native的环境搭建以及开发的IDE做了相关的讲解,今天我们的主要讲解的是应用设备运行(Running)以及调试方法(Debugging).本节的前提条件 ...

  3. Android React Native 开发环境搭建---windows下

    环境搭建 环境搭建可以参考RN官网,也可以参考中文版本:http://reactnative.cn/docs/0.45/getting-started.html 如果你希望可以看到原版的安装流程,可以 ...

  4. React Native Android 环境搭建

    因为工作需要,最近正在学习React Native Android.温故而知新,把学习的内容记录下来巩固一下知识,也给有需要的人一些帮助. 需要说明的是,我刚接触React Native也不久,对它的 ...

  5. react native的环境搭建中常见问题

    搭建完成android的环境,我们就可以继续我们的react native环境的搭建了. 当然,按照fb的安装流程来完成rn的搭建. http://facebook.github.io/react-n ...

  6. React Native开发环境搭建

    安装Xcode 安装Homebrew 安装Android SDK 安装flow和watchman 安装nodejs 安装react-native-cli 安装Genymotion 安装Webstorm ...

  7. win10的react native 开发环境搭建,使用Android模拟器

    1.打开cmd的管理员模式,win+X,选择命令提示符(管理员)即可,运行如下命令: @"%SystemRoot%\System32\WindowsPowerShell\v1.0\power ...

  8. React Native 开发环境搭建

    1.安装 Python 2,不知道是否已支持 Python 3 2.安装 node,npm... 修改 npm 镜像,不建议使用 cnpm,cnpm 安装模块的路径与 npm 有差别 npm conf ...

  9. Window平台下React Native 开发环境搭建

    1. 安装Node.js 2. 安装react-native-cli 命令行工具 npm install -g react-nativew-cli 3. 创建项目 $ react-native ini ...

随机推荐

  1. MVC四大筛选器—ExceptionFilter

    该筛选器是在系统出现异常时触发,可以对抛出的异常进行处理.所有的ExceptionFilter筛选器都是实现自IExceptionFilter接口 public interface IExceptio ...

  2. C#基础知识之Partial class

    C# 2.0 可以将类.结构或接口的定义拆分到两个或多个源文件中,在类声明前添加partial关键字即可. 例如:下面的PartialTest类 class PartialTest { string ...

  3. springcloud(十五):Spring Cloud 终于按捺不住推出了自己的服务网关 Gateway

    Spring 官方最终还是按捺不住推出了自己的网关组件:Spring Cloud Gateway ,相比之前我们使用的 Zuul(1.x) 它有哪些优势呢?Zuul(1.x) 基于 Servlet,使 ...

  4. 如何合并列表中key相同的字典?

    现有list: list1 = [{a: 123}, {a: 456},{b: 789}] 合并成: list2 = [{a: [123,456]},{b: [789]}] from collecti ...

  5. python入门学习:4.if语句

    python入门学习:4.if语句 关键点:判断 4.1 一个简单的测试4.2 条件测试4.3 if语句 4.1 一个简单的测试   if语句基本格式如下,注意不要漏了冒号 1if 条件 :2     ...

  6. 【转】编写微信聊天机器人4《聊天精灵WeChatGenius》:实时获取到微信聊天消息,hook数据库插入操作。

    接上篇,使用Xposed来hook微信,找到微信进程:https://blog.csdn.net/weixin_42127613/article/details/81839537 既然已经找到了微信进 ...

  7. web基础之http

    目录 1.Http协议介绍 Http工作原理 http的请求方法 http的响应响应状态码 状态码的类别 常用HTTP状态码简要介绍 用户访问网站携带的参数,以及服务端返回的参数 (http请求报文 ...

  8. APP耗电量测试

    现象 APP耗电,导致电池续航能力不佳,如下图,在小米MIX2和iPhone X机型上后台静默一小时各应用的耗电排行: 基本概念 相对于PC来说,移动设备的电池电量是非常有限的,保持持久的续航能力尤为 ...

  9. Java线程安全与锁优化

    线程安全的严谨定义: 当多个线程访问一个对象时,如果不用考虑这些线程在运行时环境下的调度和交题执行,也不需要进行额外的同步,或者调用方法进行其他任何操作,调用这个对象的行为都可以或者正确的结果,那么这 ...

  10. Debug Hacks中文版——深入调试的技术和工具

    关键词:gdb.strace.kprobe.uprobe.objdump.meminfo.valgrind.backtrace等. <Debugs Hacks中文版——深入调试的技术和工具> ...