Windows系统下React Native开发环境搭建

1.   安装JDK

需要安装JDK1.8，下载地址： http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

下载安装后，还需要配置环境变量！！！

 

2.   安装Android Studio 和 SDK

React Native目前需要AndroidStudio2.0或更高版本。 AndroidStudio 下载地址：http://www.androiddevtools.cn/  

React Native使用的是android版本是23.0.1，只支持这一个sdk版本，所以必须先下载他的源码及工具，不然后面后报错

安装SDK后，这里需要配置环境变变量，例如： 
①环境变量ANDROID_HOME：XXX 
例如：（ANDROID_HOME:D:\guanmanman\androidStudio\sdk） 
②环境变量PATH例如： 
例如：（PATH：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）

3.     安装命令行工具 Gow_0.8.exe

下载地址https://github.com/bmatzelle/gow/releases

4.     安装Git

下载地址：https://git-for-windows.github.io/

5.   安装Python 2

最好安装Python 2.7 不要安装最新的，下载地址https://www.python.org/downloads/windows/

 

6.   安装NodeJS

下载地址：https://nodejs.org/en/download/

7.   配置国内镜像

因为需要下载有些下载会遭到国内禁止，所以得配置镜像，方便我们下载，执行下面两个命令：

npm config set registry https://registry.npm.taobao.orgnpm 
npm config set disturl https://npm.taobao.org/dist

8.   下载 react-native-cli

执行命令：npminstall -g react-native-cli

 

9.  创建一个FirstRNProject工程

开始之前先创建一个专门用于保存React-Native工程项目的工作区：React-native_workSpace

然后执行命令：react-native initFirstRNProject回车，init 代表创建一个工程。

当现实这个界面的时候就代表我们的项目已创建完成，可以到你的工作区间去查看。

10.        开启FirstRNProject工程

工程项目已建立完毕，然后我们进入这个工程中，并执行输入react-native start，开启这个工程

11.        检查FirstRNProject项目是否启动成功

在浏览器中访问http://localhost:8081/index.android.bundle?platform=android

当显示如上的脚本就代表已成功开启。

12.        运行FirstRNProject项目

进入项目目录，输入react-native run-android回车，

执行命令后会去下载相关的资源，这个过程还是蛮长的，耐心等待吧。

然后下载完后就会安装工程在手机上了