为什么要捐赠
API 资源管理器
升级指南
NEW!
quasar.config 文件
将项目转换为 CLI with Vite
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
延迟加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Vite
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码风格检查器
测试 & 审计
开发移动应用程序
Ajax 请求
公开开发服务器
Quasar CLI with Vite - @quasar/app-vite
Capacitor 构建命令

开发

$ quasar dev -m capacitor -T [ios|android]

# ..or the longer form:
$ quasar dev --mode capacitor --target [ios|android]

它将打开 IDE(Android Studio / Xcode),您可以在其中手动选择模拟器(或同时选择多个模拟器!),并将开发应用程序安装到其中。您也可以在真实的移动设备/平板电脑上运行开发应用程序。

警告

在 Android Studio 中,您会看到一条消息建议升级 Gradle 版本。**不要升级 GRADLE**,因为它会破坏 Capacitor 项目。对于任何其他要求的升级也是如此。

Gradle upgrade

如果您遇到任何 IDE 错误,请点击文件 > 使缓存失效并重启。

Gradle upgrade

为了能够在设备模拟器上或直接在手机上进行开发(包括热模块重载),Quasar CLI 执行以下步骤

  1. 检测您机器的外部 IP 地址。如果检测到多个这样的 IP,则会要求您选择一个。如果您将使用手机进行开发,请选择从手机/平板电脑可以 ping 通的机器的 IP 地址。
  2. 它在您的机器上启动一个开发服务器。
  3. 它告诉 Capacitor 使用之前检测到的 IP。这允许应用程序连接到开发服务器。
  4. 它使用 Capacitor CLI 更新所有插件。
  5. 最后,它会打开您的原生 IDE。在这里运行您的应用程序,它会自动连接到开发服务器。

警告

如果在手机/平板电脑上开发,您的构建机器的外部 IP 地址必须从手机/平板电脑访问,否则您将得到一个只有白屏的开发应用程序。另外,检查您机器的防火墙,以允许连接到选定的开发端口。

构建生产版本

$ quasar build -m capacitor -T [ios|android]

# ..or the longer form:
$ quasar build --mode capacitor --target [ios|android]
  • 这些命令解析并构建您的 /src 文件夹,然后覆盖 /src-capacitor/www,然后使用 Gradle/xcodebuild 生成最终的资产,这些资产将放入手机/平板电脑中。

  • 构建的软件包将位于 /dist/capacitor 中,除非另有配置。

  • 如果您希望跳过 Gradle/xcodebuild 步骤,只填充 /src-capacitor/www 文件夹

$ quasar build -m capacitor -T [ios|android] --skip-pkg
  • 如果您希望使用 IDE(Android Studio / Xcode)手动构建最终资产,而不是进行终端构建,那么
$ quasar build -m capacitor -T [ios|android] --ide

警告

在 Android Studio 中,您会看到一条消息建议升级 Gradle 版本。**不要升级 GRADLE**,因为它会破坏 Capacitor 项目。对于任何其他要求的升级也是如此。

Gradle upgrade

如果您遇到任何 IDE 错误,请点击文件 > 使缓存失效并重启。

Gradle upgrade

如果您想要一个启用 UI 代码调试的生产版本

$ quasar build -m capacitor -T [ios|android] -d

# ..or the longer form
$ quasar build -m capacitor -T [ios|android] --debug