Ionic Installation and create new ionic project

Installation:

Platform notes:-   First, we need to start with a note about minimum requirements for building your app with the current release of Ionic. Ionic targets iPhone and Android devices (currently). We support  IOS 7+, and Android 4.1+. However, since there are a lot of different Android devices, it’s possible certain ones might not work. As always, we are looking for help testing and improving our device compatibility and would love help from the community on our GitHub project.

Must be download and install following files.

1.  Download and install Git for Windows
2.   Install the most recent version of Apache Cordova
3.  To install Cordova, make sure you have Node.js installed than run  "npm install -g cordova".
4.   Java Jdk create an environment variable for JAVA_HOME pointing to the root folder where  the JAVA JDK was installed.
5.  Apache Ant To install Ant, download a zip from here extract it, move the first folder in the zip  to a safe place.
6.   Android SDK Installing the Android SDK is also necessary.

Than we are set environment variable:

First we go to our system > Advance system setting>environment variable

(1). Variable name:    _JAVA_OPTIONS
       Variable Value:    -Xmx512M
(2). Variable name:      ANDROID_HOME
      Variable Value:      C:\Users\Admin\AppData\Local\Android\sdk
(3). Variable name:    JAVA_HOME
       Variable Value:   C:\Program Files (x86)\Java\jdk1.8.0_121
(4). Variable name:     PATH
       Variable Value:

D:\Software\ANT\apache-ant-1.10.1\bin;%JAVA_HOME%\bin;%ANDROID_HOME%\tools;      %ANDROID_HOME%\platform-tools;C:\Users\Aliva\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\Admin\AppData\Roaming\npm

Install Ionic

Ionic comes with a convenient command line utility to start, build, and package Ionic apps.

To install it, simply run in  node js:

• npm install -g ionic
• npm install -g ionic cordova

Create new project

If the tutorial template isn’t something you want to use, Ionic has a few templates available:

•          tabs : a simple 3 tab layout
•         sidemenu: a layout with a swipable menu on the side
•          blank: a bare starter with a single page
•          super: starter project with over 14 ready to use page designs
•         tutorial: a guided starter project

Run in node js

• ionic start Myapp sidemenu --v3
• cd Myapp
• ionic serve --lab

Note: (Myapp) is name of project name we are change it and (sidemenu) is template