Windows 下搭建React Native开发环境

本文所需工具：

  1.JDK 1.8版本

  2.Android studio 2.3.3 

  3.C++运行环境 cygwin

  4.Git for window

  5.python

  6.node.js

2.软件安装

 2.1  JDK1.8

          2.1.1.安装JDK1.8，点此去下载；

          2.1.2.下载完成后安装，安装过程简单，此处省略；

          2.1.3.配置JAVA_HOME

 2.2 Android studio

        2.1.1.安装As 2.3.3.点击此处去官网下载，点击此处去国内镜像下载

        2.1.2 .安装as，安装过程中可能需要gradle，点击此处下载

        2.1.3.配置%ANDROID_HOEM%，%ANDROID_HOME%\platform-tools，%ANDROID_HOME%\tools

       2.1.4.打开SDK Manager 下载SDK platforms 23,Android SDK Build-tools (23.0.1)，Android Support Repository 如下图

 2.3  cygwin

          2.3.1.下载cygwin，点击此处去下载

          2.3.2.安装cygwin，安装过程省略

 2.4.Git 

       2.4.1.下载Git,点击此处去下载 

       2.4.2.安装版本控制工具GIT，过程省略；

 2.5.python 

       2.5.1.下载python，此处使用python 2.7.14版本，点击此处去下载

       2.5.2.安装并添加到path

 2.6.node.js

       2.6.1.下载node.js，点击此处去下载

       2.6.2.安装node.js，并添加NODE_PATH指向node_global文件夹(此处设置放到3.3命令执行之后)，并添加%NODE_PATH%，%NODE_PATH%\node_modules，安装目录nodejs到Path中

3.使用cmd安装react-native

    3.1.打开cmd，使用管理员模式，默认模式可能会有问题

    

   3.2.设置npm镜像以加速后面的过程(可能需要翻墙)

      指令如下：

        npm config set registry https://registry.npm.taobao.org --global

        npm config set disturl https://npm.taobao.org/dist --global

 3.3.安装react-native命令行工具，指令如下：

       npm install -g react-native-cli

3.4.创建本地项目

           3.4.1. 选择本地安装目录，本文已在E盘下新建了一个react-native-demo文件夹

   

   

        3.4.2 进入工程目录，运行如下指令：react-native init HelloRN，一段时间后可在react-native-demo文件夹下看到HelloRN已下载到本地

        3.4.3.启动设备并连接到电脑，此处用一个模拟器

      3.4.4.进入到项目文件夹下，运行react-native run-android指令

     3.4.5.查看Android设备是否显示安装应用，此处可以看到，react-native已安装成功！