来源：Vue3 + vite + Ts + pinia + 实战 + 源码 +electron

前置条件：安装Java环境和安卓编辑器SDK

安装

安装依赖：

1
npm install -g @ionic/cli

创建项目：

1
2
3
ionic start [name] [template] --[options]
#            名称      模板    类型为vue项目
ionic start app tabs --type vue

如果项目里没有node_modules，需要手动

1
npm install

生成项目

首先将项目打包

1
npm run build

打包后，将ionic项目变成安卓项目

1
ionic capacitor copy android	# 或ios

生成的项目中，如果没有capactior.settings.gradle，说明项目存在问题，重新转化直到出现该文件即可

使用安卓studio预览生成的项目：

1
ionic capacitor copy android

热更新

菜单File→Setting→System Settings→Android SDK→SDK Tools，勾选Google USB Driver并下载

需要使用数据线链接实际的安卓手机，开启开发者模式，打开USB调试

android studio右上角就会多出这个手机的选项

手机和电脑连上同一个wifi，回到ionic项目，开启热更新浏览：

1
ionic capacitor run android -l --external

安装好安装包，可以热更新了