android studio虚拟机运行react-native项目全流程(避坑笔记)

简介: android studio虚拟机运行react-native项目全流程(避坑笔记)

目录


前言


年终了,给自己换了台r9000p,快乐还没享受呢,想着要先把原来电脑的环境和项目重新配置过来,开始崩溃了。


公司的项目是rn的,我就配个android studio的虚拟机,给我配出心理疾病了,到处都是问题解决一个又来一个。


做了流程,防止还有下一次,如果没有入坑过的可以试试全程下来,应该会少很多问题。


安装android studio


安装包我就不放了,联想可以直接在商城安装。

用之前确保电脑环境有jdk环境,版本不要太高,我用高版本出问题了,下载了8的版本:jdk-8u231。

最好不要默认安装,有需要配置时都选择Custom自定义,也可以跳过,我们自己配置sdk manager。

随便创建一个项目进入android studio。

配置环境变量


找一个放Sdk的文件夹,比如我放在D:\Dev\Sdk,路径中绝对不可以带中文。

新建系统变量

ANDROID_HOME:D:\Dev\Sdk

ANDROID_SDK_HOME:D:\Dev\Sdk

新建path变量

%ANDROID_HOME%\emulator

%ANDROID_HOME%\tools

%ANDROID_HOME%\tools\bin

%ANDROID_HOME%\platform-tools

配置sdk manager


重启android studio,以防万一,一定要重启。


选择tools - SDK manager。

image.png

Android Sdk Location右边有一个Edit,点进去,选择我们环境配置的Sdk目录位置,然后安装内容即可,安装完记住自己安装的SDK Platforms是什么API Level。

image.png

安装完后选择tools - AVD manager。

image.png

创建带谷歌标志的虚拟机。


image.png

注意,选择系统时一定要找到我们对应SDK Platforms API Level的系统,我在这里摔了跟头。

image.png

创建完直接启动,不管报什么错误,无所谓,启动好了之后,我们去控制台输入adb devices,看到以下内容,就成功了。

C:\Users\user>adb devices
List of devices attached
emulator-5554   device

启动rn项目问题记录


问题


Failed to install the following Android SDK packages as some licences

解决:


cmd,cd进入Sdk文件夹里的tools/bin,以我的目录就是D:\Dev\Sdk\tools\bin。

执行 sdkmanager --licenses,一路输入y并回车。

D:\Dev\Sdk\tools\bin>sdkmanager --licenses

问题


Could not find build of variant which supports xxxx and an ABI in x86或x86_64 ....

解决:


进入rn项目,android\app\build.gradle。

找到如下位置内容,报错ABI in后面是x86就加上x86,是x86_64就加上x86_64。

image.png

写一个bat脚本直接启动虚拟机


  1. 如果我们不用android studio开发,我们只是使用它的虚拟机,那我们没必要每次都得启动android studio。
  2. 我们新建记事本,写入以下内容,下面Pixel_xxxx就是你创建的avd中的虚拟机的名称。
@echo off
title 手机虚拟机
emulator.exe -netdelay none -netspeed full -avd Pixel_xxxx

然后出来把记事本改成启动手机虚拟机.bat,以后就可以点击该脚本启动虚拟机啦。

相关文章
|
开发工具 Android开发 iOS开发
如何在Android Studio中配置Flutter环境?
如何在Android Studio中配置Flutter环境?
2935 160
|
12月前
|
Android开发 Windows
Android studio 报错Connect to 127.0.0.1:8888 [/127.0.0.1] failed: Connection refused: connect(已解决)
这是一篇关于解决Android Studio报错“Connect to 127.0.0.1:8888 failed: Connection refused”的文章。问题通常因系统代理设置被Android Studio自动保存导致。解决方法是找到系统中Android Studio使用的gradle.properties文件(位于Windows的C:\Users\你的电脑用户名\.gradle或Mac的/Users/.{你的用户目录}/.gradle),删除或注释掉多余的代理配置后保存并重新Sync项目。希望此经验能帮助快速解决同类问题!
2381 36
|
运维 前端开发 数据可视化
【CodeBuddy】挑战一句话开发一个完整项目之:React表单验证系统
本文分享了一个基于React 19构建的用户注册表单系统,采用模块化CSS和状态驱动视图更新,实现实时校验、错误提示与提交反馈等功能。核心亮点包括验证规则引擎(如密码复杂度校验)、交互反馈体系(输入框警示、按钮禁用)及加载动画优化。通过函数式更新确保状态同步,正则表达式实现多条件验证,CSS伪元素打造流畅体验。代码结构清晰,可扩展性强,适合作为React表单开发模板。文末附CodeBuddy免费下载链接,助力高效开发!
290 1
【CodeBuddy】挑战一句话开发一个完整项目之:React表单验证系统
|
12月前
|
Java Android开发
Android studio中build.gradle文件简单介绍
本文解析了Android项目中build.gradle文件的作用,包括jcenter仓库配置、模块类型定义、包名设置及依赖管理,涵盖本地、库和远程依赖的区别。
1036 19
|
安全 算法 小程序
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
976 28
【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
|
前端开发 Java 编译器
当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
582 36
当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
966 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
NoSQL 应用服务中间件 PHP
布谷一对一直播源码android版环境配置流程及功能明细
部署需基于 CentOS 7.9 系统,硬盘不低于 40G,使用宝塔面板安装环境,包括 PHP 7.3(含 Redis、Fileinfo 扩展)、Nginx、MySQL 5.6、Redis 和最新 Composer。Swoole 扩展需按步骤配置。2021.08.05 后部署需将站点目录设为 public 并用 ThinkPHP 伪静态。开发环境建议 Windows 操作系统与最新 Android Studio,基础配置涉及 APP 名称修改、接口域名更换、包名调整及第三方登录分享(如 QQ、微信)的配置,同时需完成阿里云与腾讯云相关设置。
|
Dart 前端开发 Android开发
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
500 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
监控 Shell Linux
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
10002 2