Windows下搭建React Native Android开发环境

安装JDK

https://www.oracle.com/technetwork/java/javase/downloads/index.html

JDK版本必须是1.8(目前不支持1.9及更高版本)

安装Python

https://www.python.org/downloads/

Python版本必须为2.x (不支持3.x)

安装Node.js

https://nodejs.org/en/

Node.js版本必须高于8.3

建议设置npm镜像以加速后面的过程(或使用科学上网工具)

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

安装Yarn、React-Native命令行工具

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 某第三方库名

Android开发环境

1、首先下载安装Android Studio,然后在AS的SDK Manager中选择安装各版本的SDK

2、配置ANDROID_HOME环境变量,React Native需要通过环境变量来了解你的Android SDK装在什么路径,从而正常进行编译

3、把platform-tools目录添加到环境变量Path中

创建新项目

进入到工作目录创建一个名为“AwesomeProject”的项目,运行命令:

react-native init AwesomeProject

提示:也可以使用 --version参数创建指定版本的项目。例如 react-native init AwesomeProject --version 0.44.3 注意版本号必须精确到两个小数点

编译并运行React Native应用

cd AwesomeProject
react-native run-android

首次运行需要等待数分钟并从网上下载gradle依赖

如果apk安装运行报错,如下图,请检查系统环境变量是否配置ANDROID_HOME

出现下图表示运行成功了,并且模拟器或真机上可以看到APK了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值