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

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

capacitor.config.json

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

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

quasar.config.js

在/quasar.config.js中有两个地方可以为Capacitor配置Quasar的特性。

return {
  capacitor: {
    // (Optional!)
    hideSplashscreen: false, // disables auto-hiding the Splashscreen by Quasar CLI

    // (Optional!)
    capacitorCliPreparationParams: [ 'sync', ctx.targetName ],

    // (Optional) If not present, will look for package.json > name
    appName: '...', // string
    // (Optional) If not present, will look for package.json > version
    version: '...', // string
    // (Optional) If not present, will look for package.json > description
    description: '...', // string
  }
}

您也可以配置：

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

最后，您还可以禁用或配置后退按钮钩子（用于对话框）：

return {
  framework: {
    config: {
      capacitor: {
        // Quasar handles app exit on mobile phone back button.
        backButtonExit: true/false/'*'/['/login', '/home', '/my-page'],

        // On the other hand, the following completely
        // disables Quasar's back button management.
        backButton: true/false
      }
    }
  }
}

Should you want to tamper with the Vite config for UI in /src:

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