Ionic is an HTML5 mobile application development framework targeted at building hybrid mobile apps.
Building Apps to multiple mobile platform's is very easy by IonicFramework.
In this post i'm going to explaing you, how to Create a project in IonicFramework.
First, If you haven't already have the required environment in your system, for building a project on Ionic. please follow the below steps to setup the environment in your system.
Where "appName" is your projects name and "tabs" tells ionic to create project in tabs style.
Building Apps to multiple mobile platform's is very easy by IonicFramework.
In this post i'm going to explaing you, how to Create a project in IonicFramework.
First, If you haven't already have the required environment in your system, for building a project on Ionic. please follow the below steps to setup the environment in your system.
- install Node.js from this link : http://nodejs.org/
- Then, install the latest Cordova and Ionic command-line tools in your terminal using the following command
npm install -g cordova ionic
ionic start appName tabs
Where "appName" is your projects name and "tabs" tells ionic to create project in tabs style.
IonicFramework offers three ready-made app templates, below is the command to create each app template.
To Create Blank Template, use the following command.
ionic start appName blank
If you prefer sidemenu, use this command.
ionic start appName sidemenu
Execute any of the above mentioned command's & Wait for the command-line to finish the project creation process.
Once the CLI is finished with creation of project, navigate to the project folder using command-line. ie. cd appName
Now, run the following command to run the project in browser.
ionic serve
No comments:
Post a comment