Skip to content

Instantly share code, notes, and snippets.

@WendySanarwanto
Last active October 17, 2018 05:21
Show Gist options
  • Save WendySanarwanto/383cfc57cf687a878d9fb16944e169bc to your computer and use it in GitHub Desktop.
Save WendySanarwanto/383cfc57cf687a878d9fb16944e169bc to your computer and use it in GitHub Desktop.
ionic-development-flow.md

Ionic Development Flow

Project Creation

  • Ensure that you have installed Node.js in your machine.

  • Install ionic and cordova CLI tools, through running npm i -g ionic cordova command.

  • To verify ionic installation, run ionic info command. Confirm that the command is executed successfully and displayed ionic's version.

  • To create a new Ionic project, run ionic start <project name> <template name> command. Examples: ionic start myProject blank command will create a new Ionic project from blank template.

  • To show a list of ionic start command's template name parameter, run ionic start --list command.

  • To run the ionic project as a web SPA, run ionic serve -c command, within the project's root folder.

  • To add specific platform on the Ionic project, run ionic cordova platform add <platform name>. Example: ionic cordova platform add android.

  • To build the project for specific platform, run ionic cordova build android command.

  • To deploy the Android .APK into emulator or real device, do these following steps:

    • Run adb devices -l command to ensure the target device is connected.

    • Change directory to platforms/android/app/build/outputs/apk/debug

    • Run adb setup app-debug.apk command to install the apk into the connected device/emulator.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment