环境配置

配置环境： 使用 Cordova 运行项目到 android

quasar 介绍 cordova：quasar 介绍 cordova 文档

quasar 添加 Cordova 模式: 为 Quasar 项目添加 Cordova 模式

创建 quasar 项目

注意：目录不要有中文！

• 创建一个 quasar 项目： npm init quasar ， 按照提示输入内容

• cd 项目名，比如 cd helloworld

• 在 quasar 项目中添加 cordova 模式： quasar mode add cordova ，然后项目文件夹中会出现一个 src-cordova 文件夹，它所做的是使用 Cordova 脚手架 在 /src-cordova 文件夹中生成一个 Cordova 项目。每次构建时会覆盖 /src-cordova/www文件夹。

  注意

  

  注意：此时会让输入 id，需要修改包名格式为 com.test.projectName 格式，否则 cordova platform add android 时会报错包名格式不对。

• 切换到 Cordova 项目 cd src-cordova

• 添加 Android 平台： cordova platform add android , 如果第三步忘记修改包名而报错，修改 src-cordova/config.xml 中 id 为 com.test.helloworld 格式即可

• 运行项目到 Android 手机： quasar dev -m cordova -T android 或者简约版 quasar dev -m android

此时 usb 连接的手机就运行了（“你好你好”是我自己加的）：

提示

此时手机有 apk 的图标，但实际上点开以后里面是网页 192.068.0.101:8080，所以必须联网且能热更新。

如果想要不需要联网也能使用的 apk 文件，可以用 cordova 的原生打包命令，继续往下看。

打包 apk

如果想要打包发布，运行 quasar build -m android 。但需要注意，这里文档写的是：

我们可以在 /src-cordova/platforms/android/app/build/outputs/apk/release 或等效路径（写在终端输出中）中找到我们未签名的 APK 文件。文件名通常以 -release-unsigned.apk 结尾。

但实际运行后，我的项目提示

Build succeeded

 Build mode................ cordova
 Pkg quasar................ v2.16.4
 Pkg @quasar/app-webpack... v3.13.2
 Pkg webpack............... v5
 Debugging................. no
 Publishing................ no
 Packaging mode............ cordova
 Transpiled JS..... yes (Babel)
 ==========================
 Output folder............. E:\code_cordova\quasarCordova\dist\cordova

 Tip: "src-cordova" is a Cordova project folder, so everything you know
      about Cordova applies to it. Quasar CLI only generates UI the content
      for "src-cordova/www" folder and then Cordova takes over and builds
      the final packaged file.

 Tip: Feel free to use Cordova CLI ("cordova <params>") or change any files
      in "src-cordova", except for "www" folder which must be built by Quasar CLI.

而在 E:\code_cordova\quasarCordova\dist\cordova 路径中没有 apk 文件，只有.aab ，如图：

查询得知 aab 是谷歌应用商店要求的新格式，可以转为 apk，具体可以看 ：Android aab 的打包、调试、安装

由控制台 Tip: "src-cordova" is a Cordova project folder, so everything you know about Cordova applies to it. 提示可知：

• 进入 src-cordova 后，可以使用 cordova 原生命令。

注意

但修改文件内容后 或 第一次使用 cordova 的原生命令之前，一定要先 quasar build -m android

• 然后再使用 cordova build android 或 cordova run android ，否则会报错或者修改的内容不生效。

  

This file will be auto-generated. Do not edit. Run "quasar dev" or "quasar build " with Cordova mode. 表示没有 quasar build -m android.

cordova run android 运行如下：

这个 apk 就是可以发送给别人安装的 apk：

视频教程

喜欢看视频的小伙伴也可以选择直接观看我的教程视频：