Ionic step by step learning (in shortcut)


Install Ionic 2

npm install -g cordova

Install Ionic cli:

npm install -g ionic

NOTE To check the details of your installed ionic, simply run

ionic info

You need typescript, install here

npm install -g typescript

Now most important command to learn:

ionic start YOURPROJECTNAME tutorial –v2

The above command scaffolds an ionic project based on a tutorial template ionic provides. It then downloads the necessary npm packages. We’ll build the application using TypeScript, and that’s why we have a --ts flag.

Now you can go inside YOURPROJECTNAME and run this:

ionic serve

now you can browse the app here: http://localhost:8100/

now to make your own app first delete the folders in src/pages

then to add your own page:

ionic g page login

To add a provider

ionic g provider github-users

Ionic components


Work is fun!

Posted in Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

All content provided on this "" blog is for informational purposes only. The owner of this blog makes no representations as to the accuracy or completeness of any information on this site or found by following any link on this site. The owner of [] will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information.
February 2017
« Sep   Mar »

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 23 other followers

%d bloggers like this: