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.
Software & Description
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.
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.
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.
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
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.
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
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