react native windows 搭建（完整版）

声明：用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就可以了

转载于:https://www.cnblogs.com/JhoneLee/p/5203160.html

react native windows 搭建（完整版）相关推荐

逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
react native Windows 红屏报错500 The development server returned response error code：500
react native Windows红屏报错500 -react-native run-android出现这个内容其实很简单,这个主要是兼容的问题,因为react native 是Faceboo ...
React Native windows环境搭建
1.首先准备下载必须的依赖:Node.JDK .Android Studio.夜神模拟器 ①Node可以直接到官网下载,版本必须大于14,我这边用的是v16.15.1 ②Jave JDK,我直接在 ...
webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
工具准备: SDK Android SDK Build-tools:23.0.1 SDK Platform:Android N .6.0 .5.1.1.5.0.1.4.4.2.4.1.2 Androi ...
React Native 环境搭建步骤
之前一直用RN写APP,但是真正对于RN的安装以及环境配置缺不太了解.相当于站在巨人的肩膀.这次,研究RN的同事离职,所以这块儿就必须要接手.从新搭建了一次环境.在此记录一下. 一.RN环境搭建的必须 ...
React Native 环境搭建
搭建开发环境在React Native官网 https://reactnative.cn/docs/environment-setup 网址上有两种环境,一种完整原生环境,所谓原生环境, RN之所以 ...
CorelDRAW Graphics Suite 2023 | Windows | MAC完整版终身激活
CorelDRAW Graphics Suite 2023完整版终身激活下载作为一款矢量图形制作工具软件,专门为从事插画设计.广告设计.网页设计.图形编辑等设计行业推出的工具软件.界面也是非常的简洁, ...
React Native Windows 环境搭建（适合有Android 开发基础的同学）
1.安装python2.x https://www.python.org/downloads/release/python-2718/ 2.安装NodeJS http://nodejs.cn/down ...
win10 64bit 深度学习环境搭建完整版
前言文件准备开始安装 1.安装 Visual Studio 2013 Community 2.安装 DXSDK_Jun10 3.安装 CUDA 8.0 3.安装 cuDNN v6.0 4.安装 A ...

react native windows 搭建（完整版）

react native windows 搭建（完整版）相关推荐

最新文章

热门文章