其实开发并不需要Android Studio来开发,因为命令行都是要自己手打的,所以就开始了我的挖坑爬坑之旅

首先安装React Native要用到的git、nodejs等等这里不讲了,主要讲在手机上和模拟器上跑项目。

首先,如果你要跑RN的话要下SDK,我理解的是开发安卓的工具包你的代码需要通过SDK才能运行在安卓上面。SDK中要安装的东西可以看下面这张图

然后在运行RN的时候报错会提示你缺少什么,你就要在SDK里面下好,然后记得运行RN的时候翻下墙可能有的东西下不到,下载了SDK后还要配置一下环境变量

接下来正式来讲讲运行

首先你要打开一个cmd在自己项目目录下

运行react-native start

这一步运行一般不会出问题,运行完后如下效果,然后你要保持这个窗口不动

可以去看看localhost:8081,如果有页面就成功了

先讲手机连接的

然后你再打开一个cmd在你的项目目录,你需要连接上你的手机然后打开usb调试。

运行react-native run-android就成功连接上手机了

第一次运行应该会报错,你摇一摇手机

点最下面的Dev Settings

然后点这个

在这里填好你的ip加上8081端口

然后确定,然后返回,然后摇一摇

选择第一个重新加载,或者是你重新运行一遍

react-native run-android

然后手机和电脑一定要在同一个局域网上,

如果一切顺利就可以看到我们的结果页面了

但是我在这里碰到了一个问题

提示是这样子的

试了一下就是用localhost:8081访问得到页面,但是通过ip加端口访问不到,

可以试试用下面这个命令,在react-native start之前用

react-native start –host 192.168.130.231 –port 8081

具体的问题和解答在下面这个页面

http://blog.csdn.net/u010899138/article/details/73285988

然后连接手机就没什么问题了,总结下来就是,react-native start然后react-native run-android然后设置手机上的ip然后重启一下就好了

还有原因是可能你开了wifi共享大师之类的!!!!!!

在模拟器上跑RN

你要下载一个模拟器,随意什么模拟器都可以,我用的是夜神。这里有个概念是adb,可以想象成是一个链接电脑和模拟器的一个工具,你之前下载的sdk里面就有如果你把sdk里面的platform-tools目录放在path环境的话就可以直接用adb命令,你下载的模拟器里面也会有adb命令,在网上的教程里面会要你打开模拟器的目录,然后运行nox_adb.exe connect 127.0.0.1:62001,然后你可以运行adb devices,你可以看到你的模拟器已经在运行了

然后当你在你项目文件里面运行adb devices的时候你会发现你的链接的模拟器被杀死了,因为版本不同,这里的原因是你模拟器里面有个adb,sdk里面有个adb但是这两个adb的版本不一样,你可以通过version查看版本,然后通过where adb查看当前这个命令运行的位置,adb只需要有一个就好,你只要在你的项目目录里面运行adb connect 127.0.0.1:62001并不需要在模拟器目录里面跑,然后你就链接上模拟器了,连接上模拟器后就可以运行react-native run-android接下来的步骤就和手机上的一样了,主要是要注意adb这个命令,不要搞混了

如前三行中如果你运行的adb的位置里面有一个adb然后环境变量里面也有一个adb,这样会搞混的,只能在别的位置运行adb,如最后两行

总结

链接手机上的坑就是你电脑的ip地址的多少和手机要和电脑在同一个网段中

连接模拟器上面的坑只要是模拟器自带的adb命令和sdk里面的adb命令会搞混

其他的就react-native start加上adb connect 127.0.0.1:62001加上react-native run-android就可以了

有两个非常详细的过程

http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/

https://www.cnblogs.com/yuying0527/archive/2017/07/24/7230203.html

windows的ReactNative挖坑一分钟爬坑一小时的更多相关文章

  1. 【转载】python3安装scrapy之windows32位爬坑

    python3安装scrapy之windows32位爬坑 原创 2016年11月06日 01:38:08 标签: scrapy / windows / python / 开源框架 / 网络爬虫   早 ...

  2. Android爬坑之路

    做了那么久前端,现在终于可以回到我的老本行, 今天我用了一天的时间配置里Android开发环境,mac和windows双平台,eclipse和IDEA双平台,别问为什么,我就喜欢,中间大坑不断,再加上 ...

  3. AngularJs (二) 搭建Deployd 服务爬坑

    Deployd 爬坑 按照书上的教程,介绍Deployd 这个东东,首先进入其deployd.com/网页,发现这个东东着实厉害. THE SIMPLEST WAY TO BUILD AN API 按 ...

  4. electron-vue开发爬坑指南

    electron-vue开发遇到的爬坑过程,遇到了以下几种坑: 1:静态资源目录访问不了,想访问放在static目录下的静态资源,使用express指定静态目录访问不到,解决办法:使用electron ...

  5. SSM 项目从搭建爬坑到 CentOS 服务器部署 - 速查手册

    SSM 项目从搭建爬坑到 CentOS 服务器部署 - 速查手册 提示: (1)CSDN 博客左边有操作工具条上有文章目录 (2)SSM 指 Spring,Spring MVC,MyBatis Mav ...

  6. 【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑(三)

    前言:接着上一篇项目总结,这一篇是学习过程记录的最后一篇,这里会梳理:评论组件.商家组件.优化.打包.相关资料链接.项目github地址:https://github.com/66Web/ljq_el ...

  7. mac开发环境爬坑记(搭建php+nginx+mysql+redis+laravel+git+phpstorm)

    题外话:前几天,终于以原价一半的价格,将我那台15版mbp在bbs上卖了出去.之所以用了“终于”这个词儿,是我一直迟迟没有下定决心卖掉它,可眼瞅着再不卖掉,又要掉价,况且我的新电脑,也终于下来了. 话 ...

  8. 【爬坑系列】之vxlan网络实现

    linux 内核从3.7之后就内部集成了vxlan功能,所以可以使用linux内核提供的vxlan功能,经过配置创建vxlan网络. 而从Docker自Docker Engine 1.9之后,就自带o ...

  9. 多线程爬坑之路-Thread和Runable源码解析之基本方法的运用实例

    前面的文章:多线程爬坑之路-学习多线程需要来了解哪些东西?(concurrent并发包的数据结构和线程池,Locks锁,Atomic原子类) 多线程爬坑之路-Thread和Runable源码解析 前面 ...

随机推荐

  1. 伸缩的菜单,用toggle()重写

    <!DOCTYPE ><html><head><meta charset="UTF-8"/><title>伸缩的菜单,用 ...

  2. jmeter接口系列:时间戳、加密

    JMeter安装配置 从官网下载JMeter的软件包apache-jmeter-x.x.zip,下载完成之后解压打开jmeter.bat即可. 说明 这里使用的jmeter版本是3.0,jdk版本是j ...

  3. 编写高质量代码—javascript的分层—base层

    base层的功能是为common层和page层提供接口.封装不同浏览器下javaScript的差异,提供统一的接口 1.用getNextNode 函数封装IE和Firefox的差异: 2.透明度:封装 ...

  4. eclipse设置author等注释

    windows--> preference--> PyDev --> Editor --> Templates 点击New,新建一个template,输入name(之后选择这个 ...

  5. Java-----关于eclipse导入项目发生的问题及解决办法

    今天通过eclipse导入了几个项目,项目名出现红叉,对于我这样的强迫症来说是无法容忍的,故现做总结,遇到同学可按照以下方法来操作. 改动的地方主要是两个方面: 1.Tomcat版本问题. 此问题是由 ...

  6. 转:Natas Wargame Level28 Writeup(EBC加密破解)

    From:http://alkalinesecurity.com/blog/ctf-writeups/natas-28-getting-it-wrong/ Now that I knew it was ...

  7. 个推demo

    官网文档更详细,这里是只做个测试 http://docs.getui.com/server/java/start/ 全部推送(针对app应用) public static final String a ...

  8. java表单重复提交常用解决办法

    最近在看些基础的东西,顺便做下笔记.相信大家在平时网页使用中,经常会有按钮重复点击,然后点不动刷新,还有当网络延时比较厉害点了没反应在点击的重复提交.为了避免这种情况,总结了一下4点处理方案 表单重复 ...

  9. 《金领简历:敲开苹果、微软、谷歌的大门》【PDF】下载

    <金领简历:敲开苹果.微软.谷歌的大门>[PDF]下载链接: https://u253469.ctfile.com/fs/253469-231196331 内容简介 <金领简历:敲开 ...

  10. 伪列:Oracle显示查询结果前几条记录用rownum<=。去掉重复记录,保留最早录入记录:取出最小ROWID

    显示6-10行记录: 去掉重复记录,保留最早录入记录:取出最小ROWID SELECT deptno,dname,loc,min(ROWID) FROM dept GROUP BY deptno,dn ...