1.安装jdk1.8,配置好path,

 javac,java -version

2.安装设置Android sdk

     a.
解压:D:\www\sdk\adt-bundle-windows-x86_64-20140702
b.环境变量:
ANDROID_HOME: D:\www\sdk\adt-bundle-windows-x86_64-20140702\sdk
c.PATH:
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
d.设置SDK,进入AndroidSDK目录
双击SDK Manager.exe。
配置:
点开SDK Manager后,点Tools->Options...,进入Android SDK Manager - Settings窗口
HTTP Proxy Server:mirrors.neusoft.edu.cn //上面代理地址之一
HTTP Proxy Port:80
勾选:Force https://... sources to be fetched using http://...
点:close->回到原界面
继续点:Packages->Reload
选中以下项目:见文件夹下两张图
Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository //必须装
Local Maven repository for Support Libraries
//勾上右下角Show Pacage Details->在列表中勾选
Android 6.0 (Marshmallow)下
Google APIs
Intel x86 Atom System Image、Intel x86 Atom_64
System Image
Google APIs Intel x86 Atom_64 System Image
点SDK Tools窗口:
勾上右下角Show Pacage Details->在列表中勾选
Android SDK Build Tools下:
Android SDK Build-Tools 23.0.1。(必须是这个版本)
Apply->安装->OK

4.安装node(暂不能装7.1版本)
卸载7.1,安装6.1

5.配置npm 从镜像走
先保存npm config:

 1.输入:npm config edit
2.将弹出的文件另存到:e:/reactNative
3.npm config --global edit //显示原始config文件
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
临时使用:
npm --registry https://registry.npm.taobao.org install express //安装Express

6.安装git客户端

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

npm install -g react-native-cli

8.创建项目
进入你的工作目录,运行

react-native init hello

9.启动

react-native start

10.浏览器访问

http://localhost:8081/index.android.bundle?platform=android

11.运行模拟器
安装bluestacks,并运行

cmd中运行adb devices //看是否能看到设备

12.连接真机,关闭原先react-native start窗口,另开一dos窗口,执行

react-native run-android

模拟器上不显示文字
真机上正常

谷歌浏览器中查看:

http://localhost:8081/debugger-ui

使用你喜欢的编辑器打开index.ios.js并随便改上几行。
在iOS Emulator中按下⌘-R就可以刷新APP并看到你的最新修改!

使用你喜欢的文本编辑器打开index.android.js并随便改上几行
按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。
在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志

但通常一般第一次手机会报错
摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
"摇一摇"这个动作在模拟器可以用ctrl+M (Menu)来调出Dev setting菜单
设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!

//---------------模拟器红屏解决(没解决)----------------------------
点模拟器右下角摇一摇
点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
192.168.0.104:8081
回到空白页面,再次摇一摇手机,选择Reload

参考文献:http://reactnative.cn/docs/0.40/getting-started.html

ReactNative安装配置的更多相关文章

  1. Linux CentOS下MySQL的安装配置之浅谈

    前期必备安装:VMware虚拟机,CentOS镜像[注意:Linux下使用CentOS   MySQL是不用在官网下载的,只需要配置就OK了] 下面开始正式操作: //CentOS安装MySQL之浅谈 ...

  2. windows 下android react native详细安装配置过程

    写在前面: 在网上搜了很多安装配置文档,感觉没有一个真的跟我安装的过程一模一样的,东拼拼西凑凑,总算是装好了,我不会告诉你,断断续续,我花了两天时间...一到黑屏报错就傻眼,幸好在react群里遇到了 ...

  3. Hive安装配置指北(含Hive Metastore详解)

    个人主页: http://www.linbingdong.com 本文介绍Hive安装配置的整个过程,包括MySQL.Hive及Metastore的安装配置,并分析了Metastore三种配置方式的区 ...

  4. Hive on Spark安装配置详解(都是坑啊)

    个人主页:http://www.linbingdong.com 简书地址:http://www.jianshu.com/p/a7f75b868568 简介 本文主要记录如何安装配置Hive on Sp ...

  5. ADFS3.0与SharePoint2013安装配置(原创)

    现在越来越多的企业使用ADFS作为单点登录,我希望今天的内容能帮助大家了解如何配置ADFS和SharePoint 2013.安装配置SharePoint2013这块就不做具体描述了,今天主要讲一下怎么 ...

  6. Hadoop的学习--安装配置与使用

    安装配置 系统:Ubuntu14.04 java:1.7.0_75 相关资料 官网 下载地址 官网文档 安装 我们需要关闭掉防火墙,命令如下: sudo ufw disable 下载2.6.5的版本, ...

  7. redis的安装配置

    主要讲下redis的安装配置,以及以服务的方式启动redis 1.下载最新版本的redis-3.0.7  到http://redis.io/download中下载最新版的redis-3.0.7 下载后 ...

  8. Windows环境下的NodeJS+NPM+Bower安装配置

    npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下.我们要先配置npm的全局模块的存放路径以及cache的路径,例如 ...

  9. ubuntu kylin 14.04安装配置MongoDB v2.6.1(转)

    1.获取最新版本 https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.1.tgz 2.解压并进入bin目录 tar zxvf mongo ...

随机推荐

  1. tlflearn 编码解码器 ——数据降维用

    # -*- coding: utf-8 -*- """ Auto Encoder Example. Using an auto encoder on MNIST hand ...

  2. 20165210 Java第二次实验报告

    20165210 实验二 Java面向对象程序设计 一.面向对象程序设计1--单元测试和TDD 实验要求 参考 http://www.cnblogs.com/rocedu/p/6371315.html ...

  3. Rational Rose 2003 下载、破解及安装方法(图文)

    方法一: 1. 安装Rational Rose2003时,在需选择安装项的时候,只选择Rational Rose EnterPrise Edition即可,不需选择其他项,之后选择“DeskTop I ...

  4. SQL多表联查总结

    交叉连接:(不常用)返回两个表的笛卡尔乘积(也即全组合排列)中符合查询条件的数据行. 内连接返回连接表中符合连接条件和查询条件的数据行. 左外连接返回符合连接条件和查询条件(即:内连接)的数据行,且还 ...

  5. 【剑指offer】以o(1)复杂度删除啊链表的节点,C++实现(链表)

    0.简介       本文是牛客网<剑指offer>刷题笔记. 1.题目       在O(1)时间内删除链表节点. 2.思路         前提条件:删除的节点在链表上:边界条件:链表 ...

  6. Agc019_C Fountain Walk

    传送门 题目大意 给定网格图上起点和终点每个格子是长为$100$米的正方形,你可以沿着线走. 平面上还有若干个关键点,以每个关键点为圆心,$10$为半径画圆,表示不能进入圆内的线,但是可以从圆周上走, ...

  7. Storm的并行度、Grouping策略以及消息可靠处理机制简介

    转自:https://my.oschina.net/zc741520/blog/409949 概念: Workers (JVMs): 在一个节点上可以运行一个或多个独立的JVM 进程.一个Topolo ...

  8. CH5702 Count The Repetitions[倍增dp]

    http://contest-hunter.org:83/contest/0x50%E3%80%8C%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92%E3%80%8D%E4%B ...

  9. 系列文章--C#即时通讯开发

    对使用UDP协议和大规模即时通讯的思考   C#[Fox即时通讯核心] 开发记录之五 (客户端界面基窗体基本完成)  C#[Fox即时通讯核心] 开发记录之四(服务端多线程异步处理数据 主程序大致结构 ...

  10. QString字符串拼接【转载】

    原文网址:http://www.cnblogs.com/ftrako/p/3481571.html for(intloop=1;loop<2;loop++) { QStringtest1=QSt ...