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

1 javac,java -version

2.安装设置Android sdk

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

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

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

1 1.输入:npm config edit
2 2.将弹出的文件另存到:e:/reactNative
3 3.npm config --global edit //显示原始config文件
4 npm config set registry https://registry.npm.taobao.org --global
5 npm config set disturl https://npm.taobao.org/dist --global
6 临时使用:
7 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

转载于:https://www.cnblogs.com/yu-hailong/p/8416895.html

ReactNative安装配置相关推荐

  1. React-native 环境配置过程与搭建项目问题汇总

    首先,最好参照来源当然是来自于开源代码本身的文档: https://reactnative.cn/docs/getting-started/ 一.初始环境搭建 1.环境组件 由于从网上查找React- ...

  2. mysql64如何配置_win7 64位下如何安装配置mysql-winx64(安装记录)

    win7 64位下如何安装配置mysql winx64 1.mysql下载 官方网站下载地址:http://dev.mysql.com/get/Downloads/MySQL-5.6/mysql-5. ...

  3. ActiveMQ—安装配置及使用

    安装配置及使用 转自:http://blog.csdn.net/qq_21033663/article/details/52461543 (一)ActiveMQ介绍 ActiveMQ 是Apache出 ...

  4. Linux下Tomcat的安装配置

    Linux下Tomcat的安装配置 一.下载安装对应的jdk,并配置Java环境. 官网下载地址: http://www.oracle.com/technetwork/java/javase/down ...

  5. wamp的mysql单独使用_Windows 7+8.1+10 单独安装配置 PHP+Apache+MySQL(不使用 WAMP)

    Windows 8.1 单独安装配置 PHP+Apache+MySQL(不使用 WAMP) 本文同样适用于Windows7和10 0x00 PHP [下载]http://www.doczj.com/d ...

  6. mysql数据库解压安装教程_MySQL数据库之windows 10下解压版MySql安装配置方法教程...

    本文主要向大家介绍了MySQL数据库之windows 10下解压版MySql安装配置方法教程 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. windows 10 下安装解压版的 ...

  7. python3.6.2怎样安装,python 3.6.2 安装配置方法图文教程

    python 3.6.2 安装配置方法图文教程 Windows下Python(pip)环境搭建(3.6)图解,供大家参考,具体内容如下 1.下载最新的Python安装:3.6.2 2.安装时不要选择默 ...

  8. centos7 mysql workbench_centOS下mysql workbench安装配置教程

    本文为大家分享了mysql workbench安装配置教程,供大家参考,具体内容如下 step0:安装mysql 在按照workbench之前,先安装mysql.指令是 yum install mys ...

  9. Centos5.6 VNC安装配置【无错版】

    不严格按本步骤就会出现VNC桌面花屏,就是桌面分离为一层一层的... ---------------------------------------- 先装X window http://blog.c ...

最新文章

  1. mysql100万数据一键下载csv_使用PHP来导入包含100万条数据的csv文件,请问你最快多久能全部导入mysql 数据库?...
  2. 我是这样发现ISP劫持HTTP请求的
  3. Python 中名词
  4. 案例册下载 | 10+ 行业标杆企业实践集锦,为你开启数据驱动之旅
  5. wtl单文档选项_Vue3 文档阅读 —— TypeScript 支持
  6. 用C语言做一个横板过关类型的控制台游戏
  7. chrom浏览器-F2使用方法一
  8. 7.26 4 印度旅馆阿鲁沙之家
  9. RS-485 接口 EMC 电路设计
  10. rundll32.exe 用法概述 [转]
  11. 第二本书:疯狂人类进化史20190620
  12. jira图片_JIRA issue 中的标记语言(Textile)
  13. 用友文件输出在服务器电脑,用友软件电脑怎么远程连接服务器
  14. 启动redis失败 Could not create server TCP listening socket 127.0.0.1:6379: bind: 操作成功
  15. 使用FFMPEG制作gif图片
  16. github上能找到中文博主吗_Lyx的安装流程(windows10系统)及配置中文环境
  17. 三翼鸟,从做家务开始打破家居生活的“标准范式”
  18. 苹果自研处理器搭载全新MacBook 价格更亲民
  19. 2016年第三季度中国无线AP市场研究报告
  20. 串行、并行都是什么?为什么串行可以高速?

热门文章

  1. man info 命令
  2. 同个文件夹里怎样保存多个商品链接主图和视频?
  3. 温德姆推出中高档一价全包式度假酒店品牌Wyndham Alltra;柳州三江万怡酒店正式亮相广西 | 全球旅报...
  4. linux 命令自动补全包
  5. Charles抓取HTTPS Windows Android iOS 图文详细
  6. 【linux下用C语言编写带图形界面的成绩管理系统附带源代码】
  7. 日常工作:一个死锁问题的查验
  8. 华为8817升级Android5,华为c8817e官方系统升级更新教程(固件rom升级)
  9. 重启Windows VPS服务器的常规和非常规方法
  10. [shader]动态切换天空球