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

在新的公司使用windows系统开发react native时,需要逐步配置开发环境。以下是详细的步骤和说明:

首先,安装Node.js环境,可以从官方网站下载:https://www./link/6afb7eaa0954e4be3ec10e608b0693be Native CLI。代码语言是JavaScript,运行次数为0。可以通过以下命令进行安装:

npm install -g yarn react-native-cli

这里没有强制使用yarn,也可以使用cnpm,但个人推荐使用yarn。安装完成后,继续配置Java环境。

下载JDK,可以从以下链接获取:https://www./link/af28037dc21fedb68cf53f8f0f8f5b70:

(注意:图中指标指向错误,应选择64位版本)

按照提示一步步点击“下一步”即可完成安装。安装完成后,需要在环境变量中进行相应的配置,如下图所示:

我将其安装在该路径下,并在系统变量中添加了一个新变量。然后在环境变量中:

在路径后面添加这些变量:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

完成Java环境变量的配置后,可以在命令行中输入java进行测试,如果出现相关提示,说明安装成功。

接下来配置Android环境:安装Android Studio,可以从官方网站下载:https://www./link/b93e662b3e5e06be3555e0e087a2acb8。

按照提示一步步点击“下一步”,在选择组件时,选择:

确保已安装的组件中包含模拟器和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

完成以上安装后,接下来安装模拟器。我选择的是经过大量实践证明好用的逍遥游模拟器,下载地址为:https://www./link/15a42c1646fee0042302653e2910092b。

安装完成后,需要使用命令行连接模拟器: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查看是否已连接模拟器。

如下:

至此,配置工作全部完成!