react native windows 搭建（完整版）

Posted 2020-06-14

声明：用windows 搭建的react native只能开发安卓应用

1.准备安装java jdk，以及android SDK

传送门： java   JDK   Android SDK(自行寻找)

a.设置java的系统环境变量：java_home(指向jdk目录)   path（指向jdk bin目录） classpath： .;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

这些系统变量名不区分大小写

b.设置ANDROID_HOME用户环境变量：指向Android sdk安装目录

这些设置均在DOS窗口关闭重开后生效

 

2.安装安卓模拟器，推荐genymotion

传送门：genymotion

这里你会踩很多坑

首先要在genymotion上建一个Google Nexus 5.0+的模拟器

其次如果你的windows是64位，则在配置virtualBox的时候将系统设置为64位，如果没有64位选项，进入bios 将virtualization设为enable

然后升级你的显卡驱动或者将你的显卡硬件加速调到最大，在虚拟机的设置->系统->硬件加速中勾选 启用 VT-X/AMD-V

然后开启virtualBox,待出现黑色对话框并显示出为虚拟机分配好IP后，再启动genymotion的模拟器这样模拟便顺利启动了。

 

3.安装nodejs 4.0版本以上

传送门： nodejs

 

4.用nodejs的npm安装react-native cli

npm install -g react-native-cli

 

5.初始化react native的项目

react-native init AwesomeProject

这个初始化成功率较低，如果初始化有问题，则去如下git仓库获取

https://github.com/chenyangcun/AwesomeProject.git

6.启动react Native项目

在dos中进入项目所在文件夹，然后运行 ：react-native start

如果出现watcher took too long to load 报错

则进入项目的\node_modules\react-native\packager\react-packager\src\FileWatcher 将index.js里的timeout字段改大就好了

 

7.将项目部署到模拟器

在打开模拟器的前提下，在dos中进入项目目录的android文件夹

运行： gradlew.bat installDebug

如果嫌jCenter 下载过慢，考虑使用maven镜像

打开项目目录下的build.gradle 将里面的 allprojects->repositories里的jCenter()换成

maven{ url ‘http://maven.oschina.net/content/groups/public/‘}

成功启动项目后

进入模拟器，打开app就可以了