Windows下的React-Native开发调试环境安装
Windows下的React-Native开发调试环境安装
初学React-Native，需要搭建一套开发环境。
教程视频中老师用的是Mac，我用的Window，在说环境配置的时候基本是一脸懵逼
本以为React是开发一套，IOS和Android都能跑。看了视频后，我突然感觉React还是倾向于IOS一些
环境搭建
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 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文件夹中。
我已经将视频删除，多看文档吧。
以上是 Windows下的React-Native开发调试环境安装 的全部内容， 来源链接： utcz.com/z/383325.html
