美文网首页
windows平台react-native-cli初始化项目

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

作者: 郭子web | 来源:发表于2019-06-16 14:46 被阅读0次

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

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
2.png
在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的Android Support Repository. (这两步都是根据官方文档的操作来的)
等待所勾选的这些选项安装完成之后,开始配置环境变量。
首先配置ANDROID_HOME 环境变量
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
3.png
然后将 Android SDK 的 Tools 目录添加到PATH变量中
你可以把 Android SDK 的 toolsplatform-tools 目录添加到PATH变量中,以便在终端中运行一些 Android 工具,例如android avd或是adb logcat等。

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

4.png
完成了这些配置之后我们还需要安装Java jdk,参考文章
最后我们需要安装虚拟机,我这里使用的是Genymotion虚拟机,安装教程,参考Genymotion虚拟机安装
运行虚拟机

相关文章

网友评论

      本文标题:windows平台react-native-cli初始化项目

      本文链接:https://www.haomeiwen.com/subject/ostgfctx.html