前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >windows配置react-native 开发环境(开发android版本)

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

作者头像
杭州前端工程师
发布2019-03-12 15:08:11
5870
发布2019-03-12 15:08:11
举报
文章被收录于专栏:前端大白专栏前端大白专栏

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

  •     安装node环境,https://nodejs.org/zh-cn/  官网下载即可。
  •     安装react-native-cli,
代码语言:javascript
复制
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%\jre\bin

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:\Users\xianianwang\AppData\Local\Android\Sdk\platform-tools;C:\Users\xianianwang\AppData\Local\Android\sdk\tools

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

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

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

如下:

OK 大功告成!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/07/10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档