Ionic

Ionic: Installation on Windows

ionic-logo-blog-767x355

  1. Install latest JDK
  2. Install Apache Ant
  3. Install Android Standalone SDK – I’m choosing the latest one(as per today) – installer_r24.4.1.exe
  4. Install Android SDK Packages
    • Tools – choose Android SDK Tools, Android SDK Platform-Tools and Android SDK Build-Tools
    • Android x.x – Choose SDK Platform, ARM EARBI v7a System Image
    • Extras – Android Support Repository, Android Support Library, Google Repository, Google Play Services
  5. Install Cordova npm install -g cordova
  6. Install Ionic npm install -g ionic
  7. Create new ionic project ionic start todo blank
  8. Go into project folder & verify project file structure – cd todo && ls -la
  9. Add Platform ionic platform add [ios|android]
  10. Enable Phone’s Debugging Mode: Open Phone’s Settings > About Phone > Tap Build No few times until Developer options enabled. Go to Settings > Developer options > USB Debugging – turn it on.
  11. Build App for Platform – Please make sure to connect your phone with laptop via USB before proceed following commands
    • ionic build [ios|android]
    • ionic run [emulate ios|android]
  12. Generate icons and splash screens for all devices and device sizes with a single command.
    ionic resources

If having issue with time out(like screen shot below), please refer here

Screenshot_8

Leave a Reply

Your email address will not be published. Required fields are marked *

4 × 4 =