Quasar CLI 与 Webpack - @quasar/app-webpack
开发
$ quasar dev -m capacitor -T [ios|android]
# ..or the longer form:
$ quasar dev --mode capacitor --target [ios|android]
content_paste
它将打开 IDE(Android Studio/Xcode),然后您可以手动选择模拟器(或同时选择多个!)并在其中安装开发应用程序。您也可以在真实的手机/平板电脑设备上运行开发应用程序。
警告
在 Android Studio 中,您将收到一条消息,建议您升级 Gradle 版本。**不要升级 Gradle**,因为它会导致 Capacitor 项目崩溃。其他请求的升级也是如此。
如果遇到任何 IDE 错误,请点击“文件”>“使缓存失效并重启”。
为了使您能够在设备模拟器或手机上直接进行开发(包含热模块重新加载),Quasar CLI 执行以下步骤
- 检测您的机器的外部 IP 地址。如果检测到多个此类 IP,则会要求您选择一个。如果您将使用手机进行开发,则选择您的机器的 IP 地址,该地址可以从手机/平板电脑 ping 通。
- 它将在您的机器上启动一个开发服务器。
- 它告诉 Capacitor 使用之前检测到的 IP。这允许应用程序连接到开发服务器。
- 它使用 Capacitor CLI 更新所有插件。
- 最后,它会打开您的原生 IDE。在这里运行您的应用程序,它会自动连接到开发服务器。
警告
如果在手机/平板电脑上进行开发,则您的构建机器的外部 IP 地址必须可以从手机/平板电脑访问,否则您将获得一个只有白屏的开发应用程序。还要检查您机器的防火墙以允许连接到开发选择的端口。
生产构建
$ quasar build -m capacitor -T [ios|android]
# ..or the longer form:
$ quasar build --mode capacitor --target [ios|android]
content_paste
这些命令解析并构建您的
/src
文件夹,然后覆盖/src-capacitor/www
,然后使用 Gradle/xcodebuild 生成最终的资产,这些资产将进入手机/平板电脑。构建的包将位于
/dist/capacitor
中,除非另有配置。如果您希望跳过 Gradle/xcodebuild 步骤,只填充
/src-capacitor/www
文件夹
$ quasar build -m capacitor -T [ios|android] --skip-pkg
content_paste
- 如果您希望使用 IDE(Android Studio/Xcode)手动构建最终的资产,而不是进行终端构建,则
$ quasar build -m capacitor -T [ios|android] --ide
content_paste
警告
在 Android Studio 中,您将收到一条消息,建议您升级 Gradle 版本。**不要升级 Gradle**,因为它会导致 Capacitor 项目崩溃。其他请求的升级也是如此。
如果遇到任何 IDE 错误,请点击“文件”>“使缓存失效并重启”。
如果您想要启用 UI 代码调试的生产构建
$ quasar build -m capacitor -T [ios|android] -d
# ..or the longer form
$ quasar build -m capacitor -T [ios|android] --debug
content_paste