Quasar CLI with Webpack - @quasar/app-webpack
移动APP构建命令

首先确保你已经安装了Cordova CLI。

$ npm install -g cordova

开发

$ quasar dev -m [ios|android]

# ..或显式形式:
$ quasar dev -m cordova --target [ios|android]

# ..或者更长的形式:
$ quasar dev --mode cordova -T [ios|android]

# 使用特定的模拟器(--emulator,-e)
$ quasar dev -m ios -e iPhone-7
# 或者
$ quasar dev -m ios -e iPhone-X,com.apple.CoreSimulator.SimRuntime.iOS-12-2

# 将额外的参数和/或选项传递给
# 底层的“cordova”可执行文件:
$ quasar dev -m ios -- some params --and options --here
# 当在Windows上并使用Powershell时:
$ quasar dev -m ios '--' some params --and options --here

但是,如果您希望打开IDE(Android Studio / Xcode),然后从那里手动选择仿真器(或同时选择多个仿真器),以在其上运行开发的应用(或在真实的移动/平板设备上运行开发的应用):

$ quasar dev -m [ios|android] --ide

WARNING

在Android Studio中,系统会提示您升级Gradle版本的消息。 请勿升级GRADLE,因为它会破坏Cordova项目。 其他要求的升级也是如此。

Gradle upgrade

如果遇到任何IDE错误,请单击File > Invalidate caches并重新启动。

Gradle upgrade

为了能够在设备仿真器上或直接在手机上进行开发(包括Hot Module Reload),Quasar CLI遵循以下步骤:

  1. 检测您的机器的外部IP地址。如果检测到多个此类IP,则会要求您选择一个。如果您要使用手机进行开发,请选择可通过手机/平板电脑ping通的计算机的IP地址。
  2. 在你的机器上启动一个开发服务器。
  3. 暂时更改/src-cordova/config.xml中的<content/>标记指向之前检测到的IP。这允许应用程序连接到开发服务器
  4. 使用Cordova CLI临时更改config.xml构建原生APP。
  5. Cordova CLI会检查手机/平板电脑是否连接到您的开发机器。如果是,它会在其上安装开发版应用程序。如果找不到,那么它启动一个模拟器并运行开发版应用程序。
  6. 最后,它恢复对/src-cordova/config.xml所做的临时更改。

WARNING

如果使用手机/平板电脑进行开发,则必须通过手机/平板电脑访问构建机器的外部IP地址,这一点非常重要,否则您只会获得一个仅具有白色屏幕的开发版应用程序。同时检查你的机器的防火墙以允许连接到选择的开发端口。

启用iOS modern build

默认情况下,由于Cordova问题,iOS的Xcode modern build已禁用。 但是,如果您知道自己在做什么并想要启用它,请从/ quasar.config.js执行此操作:

cordova: {
  noIosLegacyBuildFlag: true
}

如果要在“build.json”中指定构建类型,以上情况也适用。

构建生产版本

$ quasar build -m [android|ios]

# ..或显式形式:
$ quasar build -m cordova -T [ios|android]

# ..或者更长的形式:
$ quasar build --mode cordova --target [ios|android]

# 这将跳过.app或.apk创建,仅在/src-cordova/www目录生成文件
$ quasar build -m [ios|android] --skip-pkg

# 将额外的参数和/或选项传递给
# 底层的“cordova”可执行文件:
$ quasar build -m ios -- some params --and options --here
  • 这些命令解析和构建你的/src文件夹,然后覆盖/src-cordova/www,然后使用Cordova CLI触发实际的原生APP创建。

  • 除非另行配置,否则内置软件包将位于/dist/cordova中。

  • 如果您希望跳过Cordova CLI的打包步骤,而仅填充/src-cordova/www文件夹:

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

WARNING

在Android Studio中,系统会提示您升级Gradle版本的消息。 请勿升级GRADLE,因为它会破坏Cordova项目。 其他要求的升级也是如此。

Gradle upgrade

如果遇到任何IDE错误,请单击File > Invalidate caches并重新启动。

Gradle upgrade

如果您想要为UI代码启用可调试的生产构建:

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

# ..或更长的形式
$ quasar build -m [ios|android] --debug