为什么捐赠
API 资源管理器
Quasar CLI 与 Webpack - @quasar/app-webpack
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,则会要求您选择一个。如果您将使用手机进行开发,则选择您的机器的 IP 地址,该地址可以从手机/平板电脑 ping 通。
  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