React Native踩坑之路 — 搭建Android开发环境

react

前一段时间,毕业,追剧打游戏,导致,堕落到没有总结,没有思考什么!可能也是那两个月的毕业时间太过于放纵自己,躁动的心一直也没有安稳下来。突然某天惊醒,工作学习还都是要继续的,不然,哪天都买不起面膜了,买不起面膜如何熬夜!!!so,把最近学习的React Native总结一下,毕竟,对于我这种刚刚毕业的用不起Mac只有Windows的孩子来说,坑还是不少的!

学习的第一步,当然是搭建环境,不然怎么敲代码,怎么工作。所以,这篇文章主要介绍在Windows下搭建Android开发环境的流程以及我搭建时遇到的一些问题,如有错误欢迎指正,毕竟,也是没有太多经验!

首先要安装一堆一堆的依赖环境。

1.安装JDK

百度自行下载安装JDK:我的版本为1.8,看官网说1.9不支持react native

配置环境变量:

       JAVA_HOME:C:\Program Files\Java\jdk1.7.0_60 (jdk安装路径)

       PATH:%JAVA_HOME%\bin;

验证安装:打开cmd,输入java -version点击回车,返回版本信息则成功安装

2.安装node

去官网下载Node,最好是最新包(我原来的版本是6.11.3,经后面验证不符合,提示高于8.0)并安装,安装流程自行百度

打卡cmd输入node -v显示版本号

3.安装React Native命令行工具(react-native-cli)

该工具用于执行创建,初始化,更新项目,运行打包服务等。

执行命令 npm install -g react-native-cli

4.安装Android Studio和SDK

可于此处下载:http://www.androiddevtools.cn/

安装请自行百度,有很多的。

接下来配置react-native所需配置(此处以3.1.3版本为例):

(1)选择configure下的SDK Manager

(2)改变SDK版本

目前编译 React Native 应用需要的是Android 6.0 (Marshmallow)版本的 SDK。先勾选"SDK Platforms"选项卡右下角的"Show Package Details",然后找到Android 6.0,勾选以下几个组件

(3)改变SDK Tools

点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的23.0.1版本

然后确认勾选最底部的Android Support Repository,点击apply,弹框点击OK

(4)下载安装组件

选中accept,点击next

(5)配置环境变量

安装完成后,配置ANDROID_HOME环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量

指向 Android SDK 所在的目录(具体的路径根据自己安装路径来找)

至此,开发所需环境全部准备好了!那环境是否正确,需要验证一下了

5.初始化一个Demo来验证

在任意目录执行命令 react-native init Demo

注意:Demo为项目名称;Windows最好不要在一些权限敏感的目录如System32目录中init项目,可能会有权限导致的一些问题不能运行数

init的过程可能需要一段时间,请耐心等待。。。

这样就是初始化成功,然后在项目文件夹下运行 react-native start,出现下图结果即

这只是去搭建一个可用的环境,在模拟器或者真机上运行项目,下一篇会记录

以上是 React Native踩坑之路 — 搭建Android开发环境 的全部内容, 来源链接: utcz.com/z/381207.html

回到顶部