29 Jun 2017

Ionic 3 - Installing Ionic Framework in Windows



Ionic Version 3



Step 1: Installing Node.js
Download the installer for Node.js 6 or greater and then proceed to install the Ionic CLI and Cordova for native app development:
Download Link: https://nodejs.org

Step 2: Installing Git SCM
It also a standard installation of windows. Download latest version and click next and proceed to install Git SCM(Source Code Management).
Download Link: https://git-scm.com/

Step 3: Apache Cordova Installation
Open a terminal window (Mac) or a command window (Windows), and install Cordova and Ionic:
npm install -g cordova

Step 4: Ionic Framework Installation
npm install -g ionic

Step 5: Check Your Version
To get installed version of ionic use below command.
ionic info


So far, you have set up Ionic Framework only. With this installation alone, we cannot build(create) Android(apk) and iOS(ipa) application file. By using Ionic framework, you can develop mobile applications, but you can’t build. To build Android and iOS, you must install corresponding SDK. For iOS SDK, we need Mac(This is explained in another post).
To install Android SDK , you must install Java before Android.

Step 6: Installing Java
The latest version of Java is JDK.
Download Link: http://www.oracle.com/

Step 7: Set Java location to the path.
After installing Java, you must include the installed Java location to the path.

To set Java path, right click on My Computer and then go to Properties. In Properties click.
Advanced System Settings ->Advanced->Environment Variables

In Environment Variables, if path variable doesn’t exist, create a new variable named as path or click Edit button close to path and give the installed Java location as value.

The Java installed location will look like below.
C:\Program Files\Java\jdk1.8.0_131\bin

Step 8: Installing Android
Download Android Studio Bundle using the below link(The file size is more than 2GB).
Download Link: https://developer.android.com/studio/index.html


After downloading click next and proceed to install Android.
That's all. Everything is set. Now you can develop Android application using Ionic Framework and build APK files.


***Ionic Installation -Done ***

1 comment:

  1. I’m really amazed with your posting skills as well as with the layout on your blog site. Is this a paid style or did you modify it yourself? Either way keep up the pleasant quality writing, it is rare to see a great site such as this one these days.
    Mobile App Development Company in Dubai
    Android App Development Company in Dubai
    Mobile App Development Company
    Mobile App Development Company in UAE

    ReplyDelete