必须安装的依赖有:Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio

分别到官网下载

注意:Node 的版本必须高于 8.3,Python 的版本必须为 2.x(不支持 3.x),而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)。安装完 Node 后建议设置 npm 镜像以加速后面的过程(或使用科学上网工具)。

安装完成后,配置好环境变量

JDK  查看版本

Node 查看版本

Phython 查看版本

用node 安装 reactNative 的命令行工具

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli

安装完 yarn 后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名

Anriod开发环境

首先下载和安装 Android Studio

如果你下载的自带sdk 请看这里 http://www.runoob.com/android/android-studio-install.html

有的版本自带sdk有的不带 
单独下载的sdk请看这里 

https://blog.csdn.net/zzy1078689276/article/details/80380118

https://blog.csdn.net/love4399/article/details/77164500

配置好sdk环境

查看版本号

 

创建reactNative 新项目

react-native init sugang

 

打开Android Studio

打开新建的sugang里面的andriod

配置 Android Studio内部

使用 Android 真机

你也可以使用 Android 真机来代替模拟器进行开发,只需用 usb 数据线连接到电脑,开启usb调试

启动reactnative 项目

启动 reactnative andriod

然后你的手机上就会安装一个app

打开app

恭喜你完成了RN的配置,这是非常有挑战的

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐