React Native For Android（Windows ）配置

RN 配置

官网地址 https://facebook.github.io/react-native/docs

中文官网地址

首先我们先要安装 Chocolatey，它是一个 Windows 下一套软件管理系统，类似于linux的apt-get，这里面大概有几百种常用的软件下载和安装，安装客户端之后，就可以登录客户端像 linux 一样通过命令行安装软件。安装教程地址 https://chocolatey.org/install

第一种：用管理员身份运行CMD，然后执行命令：

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

成功之后会有成功界面提示。

注意：必须是管理员权限运行。

第二种：使用 Powershell 安装，首先在运行里面已管理员身份打开 powershell（直接搜索powershell即可），然后设置远程访问权限，在打开的power shell客户端输入：

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

然后输入安装命令：

iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))

第三种使用 使用 Powershell V3 安装，一样是管理员运行 Powershell V3，然后输入以下命令：

iwr https://chocolatey.org/install.ps1 -UseBasicParsing | iex

安装成功之后，可以在cmd下输入 choco，可以查看到Chocolatey 的版本信息，进行简单的验证！！

然后安装 nodejs和python2，分别在命令行下粘贴以下命令：

安装 nodejs：

choco install nodejs.install

安装 python2：

choco install python2

接着安装 React Native 命令行工具，这样的话就可以在命令行使用 React Native 创建，打包，初始化等服务。

最后就是下载安装 Android Studio，这里要注意了，as的版本需要在 2.0及2.0以上，旧版本是不支持这个环境的。

下载官方Demo Project

这里就比较坑了，这里需要确认两件事：

一：你的电脑上正确安装了 Git，并且配置好了 Git 的环境变量，验证方法，在 CMD 下输入以下命令：

git

然后会出现git 命令提示，说明正确安装和配置，如果说不是内部命令之类的，请自信 google git 安装和配置教程。

二：你的电脑上正确安装了 NPM（NPM全称 Node Package Manager 是node包管理工具），但是由于国内墙的问题，所以经常下载不了里面的 Node Package。我所在的公司是自动翻墙到了香港，但是似乎也出现了这个问题，CMD一直显示下图这个提示，后来我通过给 NPM设置代理，然后似乎开始下载了，不过这里不得不吐槽，速度真的很慢。

提高Demo的下载速度

那么如果这样的话，我们为 NPM 切换镜像来源了，可以参考这篇教程 安装 nrm 自由切换 npm 源 国内镜像提升下载速度，如果你想省事一点，你可以直接用淘宝的镜像来源，淘宝镜像来源地址，淘宝 NPM 镜像（有用过的同学说淘宝的Node版本会落后于最新版本，这个需要注意），参考下面三种做法，这里建议第三种做法：

1.通过配置 config 命令，在命令行敲入下面代码：

npm config set registry https://registry.npm.taobao.org npm info underscore #如果上面配置正确这个命令会有字符串response

2.命令行指定：

npm --registry https://registry.npm.taobao.org info underscore

3.编辑安装目录下的 ~/.npmrc 文件，谨慎起见，需要先将原文件保存，不过原文件只有一行配置参数。如果不知道安装目录的话，CMD下输入 npm -h，然后找到图片对应那一行的提示，可以找到配置文件所在目录，替换代码如下：

registry = https://registry.npm.taobao.org

查看配置文件路径。



如果，需要恢复设置，直接把之前的文件配置内容替换回去。

首先是下载demo：

先进入主文件夹：

cd E:\project

然后开始下载项目：

react-native init HelloAndroidRN

然后是构建项目：

首先是进入项目文件夹：

cd E:\project\HelloAndroidRN

然后执行命令,执行命令之前需要确认几件事，就是连接了你的手机，ADB能够正常的启动，SDK版本需要23以上：

react-native run-android

等待执行完毕，显示如下提示。



在build途中，我这里好几次都提留在 gradle下载这里卡死了，真是百思不得其解，我的AS中应该自带有gradle的，而且是最新的2.1的版本，可是我在构建RN项目中，cmd中给出了这样的提示，通过多方尝试，我下载了一个离线版的 Gradle。这里可以参考 Android Studion的配置方法，我这里简单讲一下，首先我们可以在 C:\Users\你的用户名 文件夹下看到一个 .gradle文件夹，我们所用的 gradle就是下载到这里的，我们一路找下去 C:\Users\kotlonxie.gradle\wrapper\dists\gradle-2.4-all 文件夹下可以看到一个很长字母数字的文件夹，我们把离线下载的 gradle复制到这个文件夹（一定要确认gradle 版本，我【配置那会用的是 gradle 2.4），这里提供 官网下载地址 ，以及我给出的一个百度云盘的下载地址，其他版本自行google。复制过去之后，重新启动一下cmd。

gradle 下载卡死！



原理：其实我们可以打开 项目根目录\android\gradle\wrapper，可以看到一个文件 gradle-wrapper.properties，里面就是配置了 gradle的下载信息的：

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https://services.gradle.org/distributions/gradle-2.4-all.zip

你也可以替换 URL去下载这个gradle zip，只有当本地没有的时候，才会去下载，可是这种方法我没成功过。

其他的问题：

SDK build tool版本问题：我期间还碰到了一次build失败，因为我自己没下载 23.0.1的build tools，后来进入 sdk manager下载之后，这个问题就解决了。

最后还是出现了 Execution failed for task ‘:app:installDebug’的提示，后来改了下 gradle的版本，成功运行！！具体细节参考 React Native Android: Unable to upload some APKs ，我这里直接在项目下修改 build.gradle 文件，将

classpath 'com.android.tools.build:gradle:1.2.3'

其中的版本改成了1.2.3。默认用的是1.3.1，据说这个版本的gradle很多bug。

这里有个 React Native For Android 的遇坑总结，感谢江清清大神的总结 React Native疑难点,问题深坑最强总结帖(不断更新中)