win10环境下在android studio的模拟器中运行react native。

  • 之前没用过android studio也没做过安卓。加上安装过程中有些文件下载在国外很麻烦。今天终于装好了环境,并且在模拟器中跑起了RN,写个简单过程纪念下。

1.按照官网步骤配置所需环境。
RN中文网地址:http://reactnative.cn/docs/0.43/getting-started.html

  • 配置好以后有英文报错,百度一下发现是JAVA环境变量的问题。
    解决:变量JAVA_HOME的值是指向JDK的文件路径,而不是JAVA的文件路径。我安装的JAVA和JDK不在一个目录所以耽误半天。

  • 正确的配置:
    这里写图片描述

2.装好各种软件后,在win10 cmd命令行中cd到一个目录中如:F:\Native 运行react-native init AwesomeProject,经过一段时间后在F:\Native下多了一个文件夹AwesomeProject

3.运行android studio,new一个项目,项目文件夹指向 F:\Native\AwesomeProject\android (这会花费很长时间)。

4.进入studio界面后点击run按钮。会提示需要安装安卓模拟器。点击确定即可。
这里写图片描述

5.安装完模拟器后点击finish,即进入了手机界面。
这里写图片描述

6.cmd中cd项目文件夹下,F:\Native\AwesomeProject\android,运行react-native start,然后运行react-native run-android。稍后模拟器就会出现RN welcome界面。
这里写图片描述

7.用编辑器写代码,开始开发吧!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值