Windows下的ReactNative开发调试环境安装

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

初学React-Native，需要搭建一套开发环境。

教程视频中老师用的是Mac，我用的Window，在说环境配置的时候基本是一脸懵逼

本以为React是开发一套，IOS和Android都能跑。看了视频后，我突然感觉React还是倾向于IOS一些

环境搭建

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

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

Java

Java下载

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 registry https://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文件夹中。

我已经将视频删除，多看文档吧。