WEB DEVELOPER SITE
TUTORIALS HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML


 

Ionic - Installation


This chapter can show you the way to begin with Ionic Framework. the subsequent table contains the list of parts required to begin with Ionic.



Sr.No.
Software & Description


1

NodeJS


This is that the base platform required to form Mobile Apps victimization Ionic. you'll realize detail on the NodeJS installation in our NodeJS surroundings Setup. check that you furthermore mght install npm whereas putting in NodeJS.




2

Android SDK


If area unit|you're} progressing to work on a Windows platform and are developing your apps for the humanoid platform, then you must have humanoid SDK setup on your machine. the subsequent link has elaborated info on the Android surroundings Setup.




3

XCode


If area unit|you're} progressing to work on the raincoat platform and are developing your apps for the iOS platform, then you must have XCode setup on your machine. the subsequent link has elaborated info on the iOS surroundings Setup.




4

cordova and Ionic


These ar the most SDKs that is required to begin operating with Ionic. This chapter explains the way to setup Ionic in straightforward step assumptive you have already got the desired setup as explained within the table on top of.




Installing Cordova and Ionic


We will use the Windows electronic communication for this tutorial. constant steps may be applied to the OSX terminal.

C:\Users\Username> npm install -g cordova ionic

Creating Apps


While making apps in Ionic, you'll make a choice from the subsequent 3 choices to begin with


  • Tabs App

  • Blank App

  • Side menu app


In your command window, open the folder wherever you wish to form the app and check out one in every of the choices mentioned below.

Tabs App


If you wish to use the Ionic tabs templet, the app are going to be designed with the tab menu, header and a handful of helpful screens and functionalities. this is often the default Ionic templet. Open your command window and opt for wherever you wish to form your app.
C:\Users\Username> cd Desktop

This command can modification the operating directory. The app are going to be created on the Desktop.
C:\Users\Username\Desktop> ionic begin myApp tabs

The next step is to make the app. If you have got building errors once running the subsequent command
C:\Users\Username\Desktop\myApp> ionic build humanoid



You need there's no device connected. humanoid Default person is slow, thus I counsel you to put in Genymotion or another standard humanoid person.



C:\Users\Username\Desktop\myApp> ionic run humanoid

Blank App


If you wish to begin from the scratch, you'll install the Ionic blank templet. we'll use constant steps that are explained on top of with the addition of ionic begin myApp blank rather than ionic begin myApp tabs