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

来源:互联网 发布:淘宝只能换绑不能解绑 编辑:程序博客网 时间:2024/05/17 01:29
  • 之前没用过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 0
原创粉丝点击