“一步步掌握:如何通过 ADB 和 Expo 快速搭建 Android 开发环境并实时调试应用”

引言

在移动应用开发中,React Native 和 Expo 提供了高效的开发体验,尤其是在调试过程中。为了能够顺利进行开发和调试,我们需要一些工具来帮助连接设备和本地开发环境。本文将带你了解如何通过 ADB 工具将 Android 设备连接到你的开发环境,配置必要的环境变量,创建 Expo 项目,并利用 Expo Go 实现手机与开发机器的实时调试。无论你是开发 React Native 应用,还是仅仅需要调试和测试功能,掌握这些基本的操作都将极大提升你的开发效率。

一、访问 Android 开发者平台 Platform Tools

ANDROID STUDIO:点击传送🚪
我没有安装Studio,只使用这些命令行工具,点击如图Windows的SDK 进行下载。
在这里插入图片描述

二、配置环境变量

把刚刚下载的zip进行解压,然后打开这个文件夹,将以下路径添加至系统环境变量中。
在这里插入图片描述

在【设置】->【系统】-> 【高级系统设置】 ->【环境变量】
记得把路径粘贴好之后 点三个确定。

在这里插入图片描述

三、创建新的 Expo项目

Expo文档:点击传送🚪

npx create-expo-app@latest 创建一个新的 Expo 项目

通过 Expo CLI 工具初始化一个新的 React Native 项目,Expo 是一个用于构建跨平台应用的框架,专门为开发者简化了许多配置和工具的使用。
在这里插入图片描述
在这里插入图片描述

四、安卓手机开启开发者模式

我手机的步骤是:

  • 【我的设备】->【全部参数信息】-> 连续点击【OS版本】 就进入到开发者模式啦。
  • 【更多设置】->【开发者选项】-> 开启【USB调试】-> 开启【USB安装】

五、将安卓设备映射到计算机

①开启一个终端,输入 adb

在这里插入图片描述

ADB(Android Debug Bridge)是 Android 提供的一款命令行工具,用于在开发 Android 应用时与设备进行交互。它充当了开发者和 Android 设备之间的桥梁,允许你通过命令行向 Android 设备发送指令,进行调试、管理设备文件、安装或卸载应用等操作。

常用的 ADB 命令
adb devices:查看当前连接的设备列表。
adb install <apk_path>:安装 APK 文件到设备。
adb uninstall <package_name>:卸载设备上的应用。
adb logcat:查看设备的日志输出。
adb shell:进入设备的终端模式,可以执行 Linux 命令。
adb push <local_path> <remote_path>:将文件从本地传输到设备。
adb pull <remote_path> <local_path>:将文件从设备传输到本地。

②检查手机与电脑的连接

adb devices

如果没有设备列出,尝试重新插拔 USB 数据线,或确保设备已经连接并处于开发者模式。在这里插入图片描述

③输入命令进行端口转发

adb reverse tcp:8081 tcp:8081

命令用于在 Android 设备和本地计算机之间设置端口转发。将本地计算机的 8081 端口转发到 Android 设备上的 8081 端口。常见于调试 React Native 或其他基于 Node.js 的 Android 应用时,确保 Android 设备能够访问到本地开发服务器。

如果出错,可以尝试重启 adb 服务 (adb kill-server 和 adb start-server),再执行该命令。

④手机下载 Expo Go

下载Expo Go:点击传送🚪

在这里插入图片描述

我的手机下载好啦
在这里插入图片描述

⑤再开启一个终端输入 npm start

在这里插入图片描述

⑥打开手机的 Expo Go 扫描电脑上的QR code

确保手机已安装最新版本的 Expo Go,如果遇到扫描问题,尝试重启Expo Go或清除缓存。
扫描二维码时,确保手机与电脑在同一 Wi-Fi 网络中,否则可能无法连接到本地开发服务器。
==

手机会出现这样子的界面啦,可以自己在电脑上写代码,然后调试。
在这里插入图片描述

可以摇一摇手机,会出现如下页面,点击重新加载页面。在这里插入图片描述

结语

通过上述步骤,你已经成功配置了Android 发环境并实现了与设备的连接。利用 ADB 和 Expo 工具,你可以在 Android 设备上实时调试应用,提升开发效率并加速迭代过程。在未来的开发中,不论是创建新项目,还是进行问题排查,熟练掌握这些基本工具的使用,将使你能够更加从容应对各种开发挑战。希望本教程对你的开发工作有所帮助,祝你在移动应用开发中取得更多进展!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yoona1020

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值