windows10下,配置react-native环境并在夜神中运行

  开门见山,从win10中运行安卓版本的react-native,从0到1,笼统地步骤可以分为以下几点:

  1.配置android环境,配置android sdk;

  2.配置react-native环境

  3.配置安卓模拟器

  4.运用cmd,在安卓模拟器中运行react-native应用。

  

  下面就开始从山上的石头慢慢的说一下配置步骤:

   1.配置安卓环境,配置安卓sdk运行环境

      a. 下载android studio 或者 android sdk manage ,配置安卓sdk运行环境

           下载地方暂时不提供了,下面说一下配置安卓sdk环境:①找到下载的sdk文件夹下的platform-tools文件和tools文件,打开控制面板  → 系统和安全  →  系统 → 高级系统设置 → 环境变量   对android sdk 进行配置:

点击,将platform-tools文件的文件夹路径进行复制,点击新建变量,设置key为 ANDROID-HOME ,value设置为刚才复制的文件夹路径,点击保存,打开cmd,输入adb -version,如果可以查看到版本号,说明安卓环境已经配置好。

2.配置react-native环境 

   打开cmd,配置node.js环境(下载node.js并安装到电脑上),运行命令 npm install -g react-native-cli 下载react-native并配置好环境

3.配置安卓模拟器

   安卓模拟器可以考虑下载android studio模拟器,或者使用夜神模拟器(夜神模拟器版本为4.5左右,小弟用的也是这个模拟器)

4.在安卓模拟器中运行react-native应用

   a.运行react-native应用首先创建一个应用:选择一个文件夹,运行命令行react-native init AwesomeProject进行创建应用名称为 AwesomeProject,创建成功需要将应用与模拟器连接;

   b.连接模拟器:cd 到夜深模拟器的 F:\夜神\Nox\bin 目录,运行命令行:adb connect 127.0.0.1:62001;将模拟器绑定ip后cd到rn项目文件夹下:

运行命令行:adb devices 查看是否有模拟器配置,

  如果没有设备需要添加运行设备: 运行命令行:adb connect 127.0.0.1:62001 绑定设备,绑定成功后需要将创建的应用生成apk包并安装到模拟器中: 在cmd 中运行命令行:cd android && ./gradlew assembleRelease 在F:\andriod-no\rn\rnDemo\android\app\build\outputs\apk\debug 目录下生成apk文件,将apk直接拖到夜神模拟器中安装。

可能出现问题的解决方式:

    Ⅰ .  cd 到rn项目的根本目录下运行react-native run-android 在模拟器中运行应用,确保在相同wifi下点击夜神模拟器的按钮出现

这个页面,点击dev settings 配置 o项为该网络下的ipv4 的地址(eg: 10.0.0.1:8081)端口号必须为8081,

Ⅱ . 配置8081端口: cd 到安卓环境的F:\andriod-no\sdk\platform-tools 下运行adb reverse tcp:8081 tcp:8081 ,配置成功以后cd 到rn项目根目录并运行命令行 react-native run-android 命令,出现

运行成功,大功告成!  写的有点着急,还请谅解。

猜你喜欢

转载自blog.csdn.net/ikceo1211/article/details/82812883