React Native - 1 Windows下的环境配置(Windows+Android)

参考:https://facebook.github.io/react-native/docs/getting-started.html(要FQ)

网站上建议使用Chocolatey去配环境,不过这个站点在国内访问太慢了,所以我们单独安装下面的软件就好了。

1. 安装Node.jshttps://nodejs.org/en/,下载安装最新版本(推荐LTS版本)

确认Node.js是否安装成功,cmd里输入:node -v (退出是按两次 ctrl+c)

2. 安装python2https://www.python.org/downloads/,(注意是2.X版本)

确认是否成功,在路径c:\Python2x(默认安装路径,c盘根目录下),cmd里输入:python

3. 安装jdkhttp://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

确认是否成功,cmd里输入:java -version

4. 安装 The React Native CLI(command line interface)

直接执行:npm install -g react-native-cli

5. 安装Android Studio

Android Studio安装完成后,第一次启动AS前,为了避免重新下载新版本的SDK,需要做如下操作:

AS启动前,打开安装目录,请先将bin目录的idea.properties文件中增加一行:disable.android.first.run=true。

安装JDK,设置环境变量等,参考:http://blog.csdn.net/siwuxie095/article/details/53431818

6. 创建一个程序

react-native init {project name}

因为react native构建时需要下载资源,但又因为react native的网站被墙所以下载很慢很慢很慢……

当然,我们是有办法的:)

找到Node.js的安装目录(C:\Program Files\nodejs\node_modules\npm),进入nodejs\node_modules\npm找到文件npmrc,打开后在该文件末尾加上 registry = https://registry.npm.taobao.org

先进到工程目录下,执行 react-native run-android

Q1:报错了……应该是跟墙有关。Exception in thread "main" java.net.ConnectException

A1:解决办法:手动下载gradle-2.14.1-all版本,https://services.gradle.org/distributions/gradle-2.14.1-all.zip,然后放到下面地址,

C:\Users\Junior\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv

Q2:再重新执行,又有一个错误……

A2:解决办法:

进入这个文件里,将classpath ‘com.android.tools.build:gradle:2.2.3‘改成classpath ‘com.android.tools.build:gradle:1.2.3‘,表要问我为什么,因为我也不知道!!!

Q3:改完之后,再执行,然后又有一个错误,崩溃了……

A3:按照上面说的,把文件里的gradle-2.14.1-all.zip改成gradle-2.2-all.zip

再执行react-native run-android,然后这次它,它,它开始自己下载压缩包了。。。郁闷+不解,不知道为什么2.14.1下载不了,而2.2-all这个版本能下载……然而,经过20分钟的等待后,还是没完成,最后还是又下载了2.2-all的版本,放到对应的文件夹里(dists\gradle-2.2-all\1vevkra640w3rb9hkuw50q5we)。

最后又执行一下命令……

漫长的等待之后,终于看到成果啦~~~

Q4:其实这块我还碰到一个问题,我的AVD打开之后,总是黑屏(AVD黑屏)

A4:后来发现是我的电脑配置太低了,我的AVD选的480*800的分辨率,电脑带不起来,带不起来……,不起来……,起来……,然后我给改成320*480的之后就好了。

时间: 2024-10-20 07:37:28

React Native - 1 Windows下的环境配置(Windows+Android)的相关文章

Python在Windows下开发环境配置汇总

最近比较关注学习Python方面的资料和课程,由于Python本身基本都是在Linux下开发,本人windows用习惯了初用Linux各种别扭啊. 下面将我在配置Windows环境下的禁言写出来,与大家分享. 1.下载与安装Python 1.Python官方网址:https://www.python.org 2.点击DownLoad后选择适合自己的版本进行下载. 3.下载完成后,直接安装包安装一路Next. 4.然后配置环境变量,为计算机添加安装目录搭到环境变量,如图把python的安装目录添加

Windows下Java环境配置,tomcat安装

问题描述:在Windows下面做Java web相关的项目的时候,Java和tomcat是基础,这里记载一下Java环境的配置以及tomcat的安装和配置. 使用工具:Windows.jdk安装包.tomcat9.0安装包. 操作步骤: 1.Java环境变量的配置. 下载并安装jdk->"我的电脑"右键->属性->"高级系统设置"->"环境变量",新建以下三个变量(已存在则进行编辑): JAVA_HOME:C:\Progr

QT creator+OpenCV2.4.2+MinGW 在windows下开发环境配置

由于项目开发的原因,需要配置QT creator+OpenCV2.4.2+MinGW开发环境,现对配置方法做如下总结: 1.  下载必备软件 QT SDK for Open Source C++ development on Windows(在google上搜索一下官方网站即可找到) OpenCV 2.4.2:目前最新的OpenCV版本,安装之后的目录下面有源码和个版本的lib和dll,不过为避免出现问题,还是自己编译吧. http://sourceforge.net/projects/open

MongoDB在Windows下的环境配置和使用(全程图解)

总是觉得配置环境是一个超级麻烦的事情啊,而且网上说的又比较乱,配置完后又没有说怎么开始运行,在哪输入增删改查语句,像突然断层一样.所以就在这里详细说说. 一:下载安装 1.去官网的下载页面 2.下载完后是一个exe安装程序,只要一直按next即可.以前是压缩包的,现在方便了很多,不过默认的安装路径是C:\Program Files\MongoDB(我是固态硬盘,嘻嘻) 二:创建data文件夹,在cmd中设置data路径 1.我直接在MongoDB的bin文件里面设置的data文件夹,数据库里面的

windows下node环境配置

1.在node官网上下载合适版本的node安装包,官网地址:http://nodejs.org/#download:我下载的6.5最新版本: 2.安装node,都是系统默认的,一直安装下去: 3.在cmd中输入node -v;npm -v测试node和npm是否安装上去: 4.全局文件夹设置,要在nodejs下面新建文件夹node_global和node_cache,就在cmd中输入 npm config set prefix "D:\Program Files\nodejs\node_glob

windows下nodejs环境配置

一.下载 去nodejs下载node.msi安装文件包,里面包含了node.js和npm: 双击node.msi就行了,选择安装路径和npm: 二.设置环境变量 [新版本都不需要设计环境变量了,软件会自动写入环境变量] 计算机(或者我的电脑)右击属性->高级系统设置->环境变量. 新建一个用户变量. 变量名:NODE_PATH 值:C:\Program Files\nodejs\node_modules 注意:值为nodejs安装目录 三.测试 1.写测试代码test.js 随便找个项目文件夹

windows 下wamp环境配置之apache的安装

一.安装apache2.4 打开网站 apachelounge.com    https://www.apachelounge.com/ 点击左侧Downloads,然后选择对应的版本,这里选择Apache2.4.23 win64, 64位下载地址:https://www.apachelounge.com/download/VC14/binaries/httpd-2.4.23-win64-VC14.zip 是需要vc14的编译环境. http://pan.baidu.com/s/1dFc8WoT

windows下搭建和配置java环境

基于很多原因,还是得说说java环境的搭建和配置. 1.下载JDK: jdk和jre的区别:jre表示运行环境,jdk除了运行环境,还带有调试开发环境. 地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html 这边主要讲解jdk7的安装. 此外http://www.oracle.com/technetwork/java/javase/downloads/index.html  这

详解 Windows 下 Eclipse CDT 配置 C/C++ 编译环境

其实 windows 下,C.C++ IDE 也不少,但许多IDE的 UI 和用户体验基本都停留在上个世纪,除了 eclipse CDT 和 visual studio,但后者现在是个巨无霸,安装文件都 3 个多G,而且这货安装容易删除难,但 eclipse CDT 就不一样了,熟悉 java eclipse 的同学能快速适应~ 1.Eclipse及CDT的安装 到Eclipse的官方网站http://www.eclipse.org上下载Eclipse. 离线安装CDT.CDT的全称是C/C++