Quasar CLI with Webpack - @quasar/app-webpack
Capacitor应用准备

在开始实际开发之前,我们需要做一些准备工作。

1. 安装

Android安装

  • 您需要在您的计算机上安装Android平台SDK。 你可以在这里下载Android Studio然后按照这些安装步骤 进行安装。

  • 确保在安装Android SDK之后,您可以接受其许可证。 打开终端并转到安装SDK的文件夹,在tools/bin中调用sdkmanager --licenses

WARNING

环境变量ANDROID_HOME已被弃用,并被替换为ANDROID_SDK_ROOT。根据您的Android Studio版本,您可能需要一个或另一个。两样都准备好也没什么坏处。

  • 将Android安装路径添加到您的PATH:

Unix (macOS, linux)

export ANDROID_HOME="$HOME/Android/Sdk"
export ANDROID_SDK_ROOT="$HOME/Android/Sdk"
PATH=$PATH:$ANDROID_SDK_ROOT/tools; PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools

请注意,有时/Android/Sdk文件夹会添加到用户文件夹中的/Library/中。 检查你的用户文件夹,如果/Android/文件夹只在/Library/那么用这个替换:export ANDROID_HOME="$HOME/Library/Android/Sdk"

Windows

setx ANDROID_HOME "%USERPROFILE%\AppData\Local\Android\Sdk"
setx ANDROID_SDK_ROOT "%USERPROFILE%\AppData\Local\Android\Sdk"
setx path "%path%;%ANDROID_SDK_ROOT%\tools;%ANDROID_SDK_ROOT%\platform-tools"
  • 启动Android Studio(检查安装它的文件夹中的可执行文件)。 下一步是安装各个SDK:

  • 打开窗口底部的“Configure”菜单:

  • 选择所需的SDK, 并点击“Apply”安装SDK。

iOS setup

您将需要装有Xcode的macOS。 安装后,请打开Xcode以获取许可证提示。 接受许可证,然后可以将其关闭。

2. 添加Capacitor Quasar模式

为了开发/构建移动APP,我们需要将Capacitor模式添加到我们的Quasar项目中。 它所做的是使用Capacitor CLI在/src-capacitor文件夹中生成一个Capacitor项目。

$ quasar mode add capacitor

3. 开始开发

要使用HMR启动开发服务器,请运行以下命令:

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

开发服务器准备就绪后,您的IDE将打开(Android Studio或Xcode),您可以从那里手动选择仿真器(或同时选择多个仿真器!)并在其上安装开发的应用。 您还可以在连接的移动/平板电脑设备上运行开发的应用。

WARNING

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

Gradle upgrade

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

Gradle upgrade