我们将使用Quasar CLI（和Cordova CLI）开发和构建移动APP。构建SPA，PWA，Electron应用或移动APP之间的区别仅由“quasar dev”和“quasar build”命令中的“mode”参数决定。

有两个配置文件对您的移动APP非常重要。我们会介绍每一个。

config.xml

您的移动APP最重要的配置文件是/src-cordova/config.xml。/src-cordova文件夹是一个Cordova项目，所以请参考Cordova文档以了解每个文件作用是什么。但现在，请花一些时间阅读config.xml。

我们将在下一节中看到该文件的一些属性将被覆盖。

quasar.config.js

Quasar CLI可帮助您自动设置移动APP的某些属性（从config.xml文件获取）：Cordova “id”、APP版本(version)、说明(description）和Android系统的versionCode。这是为了方便，这样你就有一个数据源。例如，要改变你的APP版本，你不需要同时修改的多个文件，这是容易出错的。

为了确定上面提到的每个属性的值，Quasar CLI： 1.在/quasar.config.js中查找“cordova”对象。它有“version”、“description”和/或"androidVersionCode"吗？如果是的话，它会使用它们。 2.如果没有，那么它会查看/package.json中的“cordovaId”，“version”和“description”字段。

return {
  capacitor: {
    // 如果不存在，将查找package.json > version
    version: '..', // string
    // 如果不存在，将查找package.json > description
    description: '...', // string
    androidVersionCode: '..', // string

    /**
     * 即使考虑到iOS Cordova问题，也要启用Xcode modern build。
     * 如果你知道你在做什么，你可以启用它，
     * 例如，如果您想在“build.json”中指定构建类型。
     *
     * 默认: false
     */
    noIosLegacyBuildFlag: true/false
  }
}

您可以配置的其他选项：

return {
  framework: {
    config: {
      cordova: {
        // 在iOS移动设备上添加动态顶部填充(top padding)
        iosStatusBarPadding: true/false,

        // 点击手机后退按钮后app是否退出
        backButtonExit: true/false/'*'/['/login', '/home', '/my-page'],

        // 另一方面，下面的内容完全禁用了
        // Quasar的后退按钮管理
        backButton: true/false
      }
    }
  }
}

如果你想篡改/src中UI的Vite配置:

// quasar.config.js
module.exports = function (ctx) {
  return {
    build: {
      extendViteConf (viteConf) {
        if (ctx.mode.cordova) {
          // do something with ViteConf
        }
      }
    }
  }
}