windows平台react-native-cli初始化项目

最近想学习一下react-native来开发App,前几天在公司尝试搭建了一下环境,由于之前没有配置过android的开发环境,最后以失败告终,今天周日有时间又来研究一下,终于成功的运行起了一个安卓项目(〃'▽'〃)。
首先安装node环境,通过命令npm install -g react-native-cli安装脚手架,然后安装Android Studio,Android Studio我这里都是使用的默认安装,安装完成之后,点击file->setting

windows平台react-native-cli初始化项目_第1张图片
FP%`RKLNK}2XLZ`GT}GBEHV.png

在SDK Platforms窗口中,选择 Show Package Details,然后在 Android 6.0 (Marshmallow)中勾选 Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel x86 Atom_64 System Image以及 Google APIs Intel x86 Atom_64 System Image
windows平台react-native-cli初始化项目_第2张图片
2.png

在SDK Tools窗口中,选择 Show Package Details,然后在 Android SDK Build Tools中勾选 Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的 Android Support Repository. (这两步都是根据 官方文档的操作来的)
等待所勾选的这些选项安装完成之后,开始配置环境变量。
首先配置 ANDROID_HOME 环境变量
打开 控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
windows平台react-native-cli初始化项目_第3张图片
3.png

然后将 Android SDK 的 Tools 目录添加到PATH变量中
你可以把 Android SDK 的 toolsplatform-tools 目录添加到PATH变量中,以便在终端中运行一些 Android 工具,例如 android avd或是 adb logcat等。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 选中PATH -> 双击进行编辑

windows平台react-native-cli初始化项目_第4张图片
4.png

完成了这些配置之后我们还需要安装Java jdk, 参考文章
最后我们需要安装虚拟机,我这里使用的是 Genymotion虚拟机,安装教程,参考 Genymotion虚拟机安装
windows平台react-native-cli初始化项目_第5张图片
运行虚拟机

你可能感兴趣的:(windows平台react-native-cli初始化项目)