博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native开发环境配置-Android篇
阅读量:6990 次
发布时间:2019-06-27

本文共 1596 字,大约阅读时间需要 5 分钟。

hot3.png

React Native开发环境配置

Windows Android

所需软件
  • JDK 1.8+

  • NodeJS

  • NPM(安装Node时、已经自动安装了)

  • Chocolatey(一个Windows上的包管理器)

  • Python2(据说React Native不支持3版本的)

  • React Native CLI

  • Android Studio(用于代码开发、和SDK、Tools、模拟器管理)

  • Genymotion(Android设备模拟器、也可以用Android Studio自带的)

安装步骤
1 安装JDK

直接下载安装

配置环境变量

2 安装NodeJS

直接从官网上下载msi安装包就行了:

3 安装Chocolatey

1、用管理员身份运行CMD

2、执行以下代码:

powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

代码运行完、也就安装好了

4 安装Python2

1、用管理员身份重新打开运行CMD

2、执行以下代码:

choco install python2
5 安装React Native

用NPM全局安装

npm install -g react-native-cli
6 安装Android Studio

从上下载Android Studio

由于这上面下载的都是绿色版的、直接解压、运行bin目录下的exe文件就可以了

配置SDK Manager

Configure > SDK Manager > SDK Platforms 选择需要的Android版本

勾选 Show Package Details

然后在某个版本下中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。

选择SDK Tools

在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的Android Support Repository.

然后点击apply按钮、就开始安装刚刚勾选所需要的插件、工具了

7 推荐安装Genymotion模拟器
* 下载和安装Genymotion(genymotion需要依赖VirtualBox虚拟机,下载选项中提供了包含VirtualBox和不包含的选项,请按需选择)。* 打开Genymotion。如果你还没有安装VirtualBox,则此时会提示你安装。* 创建一个新模拟器并启动。* 启动React Native应用后,可以按下F1来打开开发者菜单。
8 创建测试项目、测试环境

打开Genymotion模拟器、创建一个模拟器、然后启动

CMD运行:

react-native init AwesomeProjectcd AwesomeProjectreact-native run-android

命令执行完毕、就可以在Genymotion模拟器看到正在运行的react-native项目了

参考资料

转载于:https://my.oschina.net/daoxiaozhang/blog/1162602

你可能感兴趣的文章
mysql查询处理顺序
查看>>
微信公众平台教程,注册申请、认证、开发、推广营销,教你怎么用微信公众号...
查看>>
Senparc.Weixin.MP SDK 微信公众平台开发教程(十三):地图相关接口说明
查看>>
SQL Server2008 删除登录记录
查看>>
js数字验证
查看>>
Nginx 配置指令的执行顺序(九)
查看>>
【百度地图API】如何激发手机的高分辨率
查看>>
DIV+CSS专题:十天学会DIV+CSS
查看>>
2015第5周日
查看>>
输入法之模型剪枝一(基于熵的剪枝)
查看>>
《全体育·瑜伽》
查看>>
UML中类图的符号解释
查看>>
HDU 4421 Bit Magic (图论-2SAT)
查看>>
[LeetCode]Add Binary
查看>>
HDU 5112 A Curious Matt 水题
查看>>
Activity具体解释(生命周期、以各种方式启动Activity、状态保存,全然退出等)...
查看>>
[LeetCode] Permutation Sequence 序列排序
查看>>
MyBatis3: Could not find SQL statement to include with refid ‘
查看>>
scala spray 概念性内容的总结
查看>>
Spring中配置数据源的4种形式(转)
查看>>