Windows下的React-Native开发调试环境安装

环境搭建

Windows 不像 Mac 上那么简单，也只能面向 Android 去做选择。

既然是面向 Andorid，那么 Java 环境是必不可少的。

---

Java

    Java下载

        JAVA_HOME：    C:\Program Files\Java\jdk1.8.0_151

        CLASSPATH：    .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

        PATH：                   %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

Android SDK

推荐通过Android Studio一并进行安装下载

配置 Android SDK 的环境变量，在系统的环境变量中添加

项值

        ANDROID_HOME：    D:\android-sdk-windows

        PATH：        %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

注意项

关于Android SDK里，这些是必装选项

Node.js

必装选项下载地址。推荐msi版本

安装成功后，通过命令提示符（Ctrl+R，”cmd”），安装react-native-cli

在安装 react-native-cli 之前，推荐先进行如下操作

使用国内镜像源加速

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

安装 yarn

        npm install -g yarn

yarn 配置国内镜像源加速

        yarn config set registryhttps://registry.npm.taobao.org

安装 react-native-cli

        npm install -g react-native-cli

Genymotion

    安卓的模拟器，很多都推荐用这个模拟器，Android Studio有模拟器，所以这个非必须

    好不好用不敢说，只能说比较卡

    需要安装 VirtualBox （推荐最新版），Genymotion需要注册账号。

创建项目

    还是使用命令提示符，切换到保存项目的目录，输入：

    React-native init [项目名称]

开始项目

通过命令提示符启动项目，启动后是作为服务存在，不要随意关闭

react-native start

        开启服务后，可以通过http://localhost:8081/index.android.bundle?platform=android查看情况，会显示大篇幅的JS

Android 调试

        项目所在目录，开启命令提示符启动Android调试

        react-native run-android

        第一次运行时会安装较多的包，会安装在我的文档的 .gradle文件夹中。