1、前文
我一开始是用HbuilderX的云打包实现的，也确实是打包成功了。
但是不巧，我这个是要放到电视上，电视的安卓版本太低了，不支持我打的apk包
所以没办法，只能是考虑使用Android Studio这种来可以自定义安卓版本的方式
2、选择工具
网上查了下，大都是这两个工具二选一（Cordova或Capacitor）。好像是Capacitor更新一些，所以选择了这个
接下来进入到自己的项目目录，一定要在你的vue项目目录中操作
3、安装工具到vue项目中
通用的安装命令
npm install --save @capacitor/core @capacitor/cli我这里出现的问题是，最新版本要求nodejs的版本>20。但是我的这个项目用高版本是有问题的。
这里就只能是使用低版本的了。
我的nodejs版本是16，capacitor选用的版本是5.5.1
npm install --save @capacitor/core@5.5.1 @capacitor/cli@5.5.1
4、初始化
npx cap init
这里填上app的名称：CapacitorTest
然后回车继续
这里填上包的路径，由于我这个是前端生成，所以包名只要符合规则即可：com.capacitor.test
回车继续
初始化到此结束，经过这一步之后，你会发现你的工程里面就多了一个文件：capacitor.config.json
5、把项目打包
这一步没有什么特殊的，就是我们平时上线的打包，打包到dist文件夹
npm run build6、安装capacitor的安卓组件
这里还是跟安装capacitor一样的问题，需要指定具体的版本。最新版本我这里不支持
通用
npm install @capacitor/android我这里还是安装的5.5.1版本
npm install @capacitor/android@5.5.1
7、根据之前初始化的配置，生成android代码
npx cap add android
执行了到了这一步之后，会发现多了一个文件夹：android
8、将dist的代码复制到android工程中（这个步骤不执行应该也没什么问题）
npx cap copy如果后续更改代码之后，有问题的话，可以尝试执行以下这个命令
9、安装Android Studio并配置环境
这个安装和环境配置略。网上找找教程吧。这里不是重点
10、打开Android Studio，并加载环境
npx cap open android
11、debug运行正常之后，可以进行打包成apk
证书的生成可以参考我HbuilderX的文章：
https://www.wutux.com/article/detail/984892930659450880
单击创建按钮，等待apk文件创建完成
