Windows下的React-Native开发调试环境安装
环境搭建
Windows 不像 Mac 上那么简单,也只能面向 Android 去做选择。
既然是面向 Andorid,那么 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文件夹中。