Skip to content

Cross platform mobile application build with Ionic + Vue.

Notifications You must be signed in to change notification settings

PNZdevs/trippal-ionic-vue

Repository files navigation

Trippal

Installation

To browser

  1. git clone && cd into folder
  2. npm i
  3. ionic serve

To a android device ... prev steps

  1. ionic build
  2. npx cap copy
  3. npx cap open android

or

  1. ionic cap build android



ionic build vs ionic cap build

$ ionic build [options]

ionic build will perform an Ionic build, which compiles web assets and prepares them for deployment.

More details

$ ionic cap build <platform> [options]

ionic cap build will do the following:

  • Perform ionic build
  • Copy web assets into the specified native platform
  • Open the IDE for your native project (Xcode for iOS, Android Studio for Android)

Once the web assets and configuration are copied into your native project, you can build your app using the native IDE. Unfortunately, programmatically building the native project is not yet supported.

More details




Helpful tips

Solve the following problem:

[error] Unable to launch Android Studio. You must configure "linuxAndroidStudioPath" in your capacitor.config.json to point to the location of studio.sh, using JavaScript-escaped paths:
Example:
{
    "linuxAndroidStudioPath": "/usr/local/android-studio/bin/studio.sh"
}


1. Create directories:

# mkdir -p /usr/local/android-studio/bin

2. Find where Android Studio is installed:

# find / -name studio.sh

3. Create soft link to studio.sh, where $ANDROID_STUDIO is the path where Android Studio is installed:

# ln -s $ANDROID_STUDIO/bin/studio.sh /usr/local/android-studio/bin/studio.sh