react native 在window 7上配置开发环境-Andorid
参照官方配置:https://facebook.github.io/react-native/docs/getting-started.html
因为在配置的过程中遇到很多问题,在此记录一下。
1.java的jdk 下载(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)
配置jdk的环境变量
a.打开我的电脑--属性--高级--环境变量
新建系统变量JAVA_HOME 和CLASSPATH
变量名:JAVA_HOME
变量值:C:\Program Files\Java\jdk1.7.0
变量名:CLASSPATH
变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
b.选择“系统变量”中变量名为“Path”的环境变量,双击该变量,把JDK安装路径中bin目录的绝对路径,添加到Path变量的值中,并使用半角的分号和已有的路径进行分隔。
变量名:Path
变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
c.这是java的环境配置,配置完成后直接启动eclipse,它会自动完成java环境的配置
d.配置ANDROID_HOME (安卓sdk本机位置)
变量名:ANDROID_HOME
变量值:C:\Users\xxx\AppData\Local\Android\sdk
4. 设置完后,重新打开一个新的命令提示符,运行java -version就可以了~ (一定要重新打开一个新的命令提示符)
2.安装react-native的命令行工具
npm install -g react-native-cli
3.通过react-native --help 查看它所支持的所有命令
3.安装安卓开发工具AndroidStudio:(安卓的开发工具里面内置安卓模拟器)
去google提供的国内官网下载:https://developers.google.cn
打开安卓的中文页面:点击获取Android Studio 再点下载即可:
安装包下载完成之后 安装应用程序即可。
android studio 安装完成之后,配置SDK Manager
最后点AMD Manager 新建安卓模拟器:
4.使用react-native init 初始化一个react-native的项目
例如:react-native init reactNativeApp
5.运行react-native项目:(注:windows机器不能运行ios)
首先打开一个安卓模拟器或者一个已经连接到电脑的安卓真机
react-native run-android (ctrl + m reload 刷新项目)
6.最后调试react-native项目,这里只是讲安卓模拟器的调试方法
在模拟器里,ctrl+m 调出操作键
reload 刷新或者按两次R键刷新,debug js remotely 在chrome里调试
7.在组件中发起fetch请求,如果没有发起请求或者请求没反应,估计是模拟器没有联网的原因,将模拟器的dns配置成pc机器的ip,然后重启模拟器即可解决。
然后输入:getprop 查看系统当前的各项属性,得到模拟器的DNS地址,如下:
[net.dns1]: [10.0.2.3]
重新设置为pc的ip地址:命令行如下:
setprop net.dns1 10.200.121.79
如此就能上网了:
发起一段fetch请求:
拿到数据
作者:梦想成真213
链接:https://www.jianshu.com/p/2232d0c973e2
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
react native 在window 7上配置开发环境-Andorid的更多相关文章
- React Native从零到一搭建开发环境
React Native从零到一搭建开发环境 ReactNative环境搭建 安装Homebrew 安装rvm 安装nvm 安装node 安装react-native-cli 安装watchman i ...
- [eShopOnContainers 学习系列] - 03 - 在远程 Ubuntu 16.04 上配置开发环境
直接把 md 粘出来了,博客园的富文本编辑器换成 markdown,没啥效果呀 ,先凑合吧.实在不行换地方 # 在远程 Ubuntu 16.04 上配置开发环境 ## 零.因 为什么要用这么麻烦的 ...
- React Native for Android on Windows 配置开发安装总结
配置开发安装总结(由于当前react-native更新较快,目前是针对2015年11月底时的reacti-native android for windows版本,有些内容可能过时) 官方的安装指导在 ...
- React Native学习(一)——搭建开发环境
第一次接触React Native,首先搭建环境,过程还算顺利,不过也遇到了些问题,这里简单记录下来.中文官网(http://reactnative.cn/docs/0.47/getting-star ...
- Win7 + vs2012 + cocos2d-x2.2 配置开发环境
昨天開始打算学习Cocos2d-x,首先肯定是要在自己的电脑上配置开发环境.昨天折腾了一天,以下将自己在当中遇到的问题与解决方法跟大家分享一下.大多数会遇到的问题,我都遇到了.... 1.安装 ...
- vue cli3配置开发环境、测试环境、生产(线上)环境
cli3创建vue项目是精简版的少了build和config这2个文件,所以配置开发环境.测试环境.生产环境的话需要自己创建env文件. 需要注意2点: 1.cli2创建项目生成的config文件里的 ...
- QT + OpenCV + MinGW 在windows下配置开发环境
由于研究项目需要,最近开始接触C++界面设计,关于“QT + OpenCV + MinGW在windows下配置开发环境”着实让人头疼,单次配置时间相当长,也十分不容易,本人第一次配置成 ...
- node.js + webstorm :配置开发环境
一.配置开发环境: 1.先安装node (1).访问http://nodejs.org打开安装包,正常安装,点击next即可. 为了测试是否安装成功,打开命令提示符,输入node,则进入node.js ...
- Spark集群 + Akka + Kafka + Scala 开发(1) : 配置开发环境
目标 配置一个spark standalone集群 + akka + kafka + scala的开发环境. 创建一个基于spark的scala工程,并在spark standalone的集群环境中运 ...
随机推荐
- hdoj1253
一题简直模板的 BFS,只是三维遍历而已. #include <stdio.h> #include <iostream> #include <sstream> #i ...
- Ruby测试小代码[计算50以内的素数]
算法思想 判断某一个数,能不能被比他平方根小的素数整除. 首先看看代码 $arr = [] $arr[0] = 2 def add_prime(n) 3.step(n,2){|num| $arr &l ...
- perl C/C++ 扩展(一)
通过h2xs 中间件,我们可以快速的使用c或则C++ 库来实现perl 扩展功能 第一讲:跑通hello world 程序******************************我们使用命令:h2 ...
- shell学习(5)- sort
Linux sort命令用于将文本文件内容加以排序. sort可针对文本文件的内容,以行为单位来排序. 参数如下: -b 忽略每行前面开始出的空格字符. -c 检查文件是否已经按照顺序排序. -d 排 ...
- Jquery | 基础 | 项目实践
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- GYM 101673E(暴搜预处理)
1.不会超过500个不同的串-- 2.样例没给has到has是怎么样的,实测是true. 3.记忆化别剪错枝就好,嘤嘤嘤-- const int maxn = 505 + 5; int n, m, t ...
- mongodb的基本命令操作
mongodb在已经存在管理员的情况下,需要创建一个库 使用管理员进入mongodb的命令行界面 mongo admin -u 管理员名 -p 管理员密码 创建库(进入库) use 库名 创建当前库的 ...
- HTML的基础结构
<html>内容</html> 解释:HTML文档的文档标记,也称为HTML开始标记 功能:这对标记分别位于网页的最前端和最后端 <head>内容</head ...
- python入门之实例-商品选择
需求: 显示一系列商品,根据序号选择商品 li = ["手机","电脑","电视"] #函数enumerate在for循环遍历的时候,会默认 ...
- Spring Cloud Gateway VS Zuul 比较,怎么选择?
Spring Cloud Gateway 是 Spring Cloud Finchley 版推出来的新组件,用来代替服务网关:Zuul. 那 Spring Cloud Gateway 和 Zuul 都 ...