React Native Android系统搭建开发环境

481 阅读3分钟

一、基本环境配置

1.node,node版本要高于8.3

查看版本号运行

node -v

2.安装python环境,Python 的版本必须为 2.x(不支持 3.x)

python2.7下载64位

python2.7下载32位

下载安装后 我的电脑右键 属性=>高级系统设置=>高级=>环境变量

系统变量 path中 新建 Python文件夹路径

比如我的:

C:\Python27
C:\Python27\Scripts

查看版本号运行

Python -V

3.安装JDK,且JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)

JDk1.8下载地址

下载完成后默认安装就好,然后再进行java的环境配置:

系统变量中设置:

1、新建 JAVA_HOME

变量值 C:\Program Files\Java\jdk1.8.0_181 (此路径就是你们自己安装jdk的路径,下面有一个bin目录的)

2、新建 CLASSPATH

变量值 .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;(标点符号全部带上)

3、打开 Path --编辑---在后面加上下面的代码
%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin
4、完成后点击确定,然后打开命令行工具分别输入:
java  -version
java
javac

如果都有提示信息则表示安装成功

二、Android Studio安装配置

1、首先下载Android Studio 下载地址

注意,必须要有稳定的翻墙工具才行,不然后面下载的时候会失败导致不能成功安装

安装成功后打开 Android Studio 出现以下界面

2. 安装 Android SDK

Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是Android 9 (Pie)版本的 SDK(注意 SDK 版本不等于终端系统版本,RN 目前支持 android4.1 以上设备)。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。

  1. Android Studio 的欢迎界面中找到 SDK Manager。点击"Configure",然后就能看到"SDK Manager"。

2.在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 9 (Pie)选项,确保勾选了下面这些组件(重申你必须使用稳定的翻墙工具,否则可能都看不到这个界面):

  • Android SDK Platform 28

  • Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件)

3.然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的28.0.3版本。你可以同时安装多个其他版本。

4.最后点击"Apply"来下载和安装这些组件。

3. 配置 ANDROID_HOME 环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录(具体的路径可能和下图不一致,请自行确认):

4. 把 platform-tools 目录添加到环境变量 Path 中

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量,选中Path变量,然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。

此目录的默认路径为:

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

三、创建新项目

如果你之前全局安装过旧的react-native-cli命令行工具,请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突。

使用 React Native 内建的命令行工具来创建一个名为"AwesomeProject"的新项目。这个命令行工具不需要安装,可以直接用node自带的npx命令来使用(注意init 命令默认会创建最新的版本):

npx react-native init AwesomeProject

四、 使用夜神模拟器对接项目

1.打开夜神模拟器
2.进入夜神模拟器安装目录bin目录下

3.打开终端连接模拟器 运行如下命令
cd D:\Program Files (x86)\Nox\bin

adb connect 127.0.0.1:62001

4.查看是否连接成功

adb devices

出现下面的东西就说明手机连接成功,此时就可以启动项目了

5.开启react-native 项目

npx react-native run-android