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

参考：https://facebook.github.io/react-native/docs/getting-started.html（要FQ）

 

 

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

 

1. 安装Node.js: https://nodejs.org/en/，下载安装最新版本（推荐LTS版本）

确认Node.js是否安装成功，cmd里输入：node -v （退出是按两次 ctrl+c）

 

2. 安装python2，https://www.python.org/downloads/，（注意是2.X版本）

确认是否成功，在路径c:\Python2x（默认安装路径，c盘根目录下），cmd里输入：python

 

3. 安装jdk, http://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的之后就好了。