windows配置react-native 开发环境(开发android版本)

时间:2022-06-19
本文章向大家介绍windows配置react-native 开发环境(开发android版本),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

新到的公司用的window系统,要开发react-native,没办法,只好一步步开始配置其开发环境。

  •     安装node环境,https://nodejs.org/zh-cn/  官网下载即可。
  •     安装react-native-cli,
npm install -g yarn react-native-cli

这里没有强制用yarn,也可以用cnpm,个人比较推荐yarn.安装完后,开始搭建java环境了.

  •     安装java环境.

下载jdk,http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html

找到相对应的直接下载就可以,我选择的是:

指标指错了,应该指向64位的.

一路点击下一步即可.安装完后,

  • 环境变量中进行相应的配置,如下:

我是装在这个文件下面的,在系统变量中新增一个变量即可,然后在环境变量中:

在后面加上这些个变量,%JAVA_HOME%bin;%JAVA_HOME%jrebin

OK,JAVA环境变量配置完了,可以到命令行中输入java试试,如果有这类提示就说明安装好了.

  • 接下来配置android环境:

安装android studio 官网下载:http://www.android-studio.org/;

一路下一步,到选择的时候,选择

检查已安装的组件,尤其是模拟器和HAXM加速驱动.

安装完成后,在Android Studio的欢迎界面中选择Configure | SDK Manager;

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

SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须包含有这个版本。当然如果其他插件需要其他版本,你可以同时安装其他多个版本)。然后还要勾选最底部的Android Support Repository.

完成以上安装后,接下来安装模拟机,当然也可以用真机调试.

  • 模拟机安装

我选择的是逍遥游的模拟器,是经过大量的实践证明,还是款模拟器好用,下载地址:http://www.xyaz.cn/

完成安装后,需要使用命令行连接上模拟器:adb connect 127.0.0.1:21503.

  • adb命令行配置:

在安装完android studio后,需要设置系统变量:

我安装的路径为:C:UsersxianianwangAppDataLocalAndroidSdkplatform-tools;C:UsersxianianwangAppDataLocalAndroidsdktools

需要配置两个环境,然后:

在这里加上%ANDROID_PATH%,即刚刚加上去的变量.这样便可以用adb这个命令行了.

在adb connect 127.0.0.1:21503之后,用adb devices,看看是否已经有连接上的模拟器.

如下:

OK 大功告成!