uniapp-x开发教程1-运行到Android模拟器

▍PART 序

• Android模拟器怎么选

• uniapp-x运行到Android模拟器

• uniappx第二章教程=》uniapp-x入门教程2-安卓模拟器断点调试

• 谷歌浏览器扩展插件开发1~17教程=》wxt谷歌插件开发-图文教程①

• 如果小伙伴发现问题，雪狼会在底部评论区说明、补充、纠正

• web前端从业第15个年头了，哪天公众号不更新了，也希望大家莫怪

• 如果出了下一章教程，链接雪狼会放在底下评论区里。

▍PART 正文

一、Android模拟器选择

雪狼提供两个方案

• Android模拟器联调可以参考这篇=》uniapp 夜神模拟器连调

• 谷歌官方安卓模拟器安装参考这篇=》AndroidStudio 安卓模拟器安装-图文教程

截至25年4月16号，雪狼所知的他们支持的最高安卓版本

模拟器名称	最高支持的安卓版本
雷电模拟器 (LDPlayer)	Android 9.0
夜神模拟器 (NoxPlayer)	Android 9.0
逍遥模拟器 (MEmu)	Android 7.1
BlueStacks (蓝叠)	Android 11
MuMu模拟器	Android 12
Genymotion	Android 12+（企业版更高）
Android Studio 模拟器	最新 Android 版本（如 Android 16 Beta）

你要知道，我2020年买的 iqoo3现在都是Android13版本的，

我给家里人买的x200到手就是Android15版本了

加上uniapp官方文档写的

市场上有很多成熟的Android模拟器，这里就不推荐了。自行搜索安装。

当然，Google官方也有自己的模拟器，您可以在Android Studio中安装不同版本的模拟器。

https://uniapp.dcloud.net.cn/tutorial/run/installSimulator.html#android

安装AndroidStudio的时候你会卡到

• Android Studio First RunUnable to access Android SDK add-on list

• The Android SDK location cannot be at the filesystem root

• Java SE Development Kit (DK) not found

• Android SDK location should not contain whitespace, as this can cause proble

• SDK emulator directory is missing

• Android Emulator hypervisor driver is not installed.

的问题，我教程里都有写解决方案=>AndroidStudio 安卓模拟器安装-图文教程

就一句话，躲不掉的

或者说，小伙伴也可以直接手机直连电脑来直接真机调试

不过下文雪狼将以Android Studio 的安卓模拟器来做教程演示

一、hello world

1、先下个HBuilder X https://www.dcloud.io/hbuilderx.html

2、新建uniappx项目

文件/新建/项目

记得先打开Android Studio安卓模拟器

然后HBuilder X 里要设置下adb路径

就是Android SDK Tools 安装的那个目录

Android SDK Tools安装的时候我改了文件名改成了f:\java\androidSdk

所以adb路径就是加上

*****/platform-tools/adb.exe

端口80

选中App.uvue

点菜单栏的  运行/运行到手机或模拟器/运行到android app基座

注意,你这里要是一直出不出来，端口大概率被占用了，重启完事

点击安装

等他安装

然后你要运行到安卓模拟器的时候，

右下角会提示你正在下载插件[uts开发扩展-Android]的依敕

第二章=》uniapp-x入门教程2-安卓模拟器断点调试

▍PART 扩展阅读

• AndroidStudio 安卓模拟器安装-图文教程

• css样式隔离（iframe替代方案Shadow Root）

• wxt谷歌插件开发-图文教程①

• 单点登录-跨域缓存共享

• 网站埋点-理论篇

• node执行m3u8生成、m3u8转mp4下载-图文教程

• 前端js实现m3u8转mp4下载-图文教程

• 前端mp4转m3u8流模式播放视频-图文教程

• 微信浏览器f12教程

• 后台权限系统-理论篇（甲、乙、丙、丁、坤为例）

• 前端切片上传、分段上传-图文教程

• 禁debugger调试网页，禁F12（完整教程）

• 微信群聊机器人-图文教程

• css mask遮罩教程

• 企业微信成员授权（个人授权）oauth2全流程教程

• 企业微信第三方应用获取永久授权（全流程教程）

• 小程序授权登陆全流程demo

• 小程序手机号授权登录（图文教程）

• 微信公众号授权登录（图文教程）

• iconfont变黑色和引入两个iconfont的解决方案（图文教程）

• vue3自定义指令（图文教程）

• vue3渲染函数加入自定义指令（图文教程）

• uni-app 小程序主包、分包优化方案

• vue3ts的透传$attrs用法

• vue3 清空/重置reactive

• vite打包可视化工具rollup-plugin-visualizer图文教程

• vue3 h函数使用图文教程

• 抖音跳微信小程序（抖音分享卡片和链接）图文教程

• pinia 持久化插件pinia-plugin-persistedstate 安装、使用(图文详解)

• uni-app 生成安卓证书

• uniapp小程序限制微信群访问（图文教程）

• 前端常见4种缓存方式（图文教程）

• es6~es13 新增数组遍历一览

• 常用的19个正则-表单验证

• 报错状态码 200 300 400 500周公解梦功能（附数据）

• Linux安装node18完整图文教程

• VMware虚拟机、linux安装图文教程

▍PART 公众号合集

#程序员干货 #前端回忆录