Creating an Ionic App

Lukas Ruebbelke
InstructorLukas Ruebbelke

Share this video with your friends

Send Tweet
Published 7 years ago
Updated 3 years ago

In this lesson, we create our first Ionic app. We use a pre-defined Ionic template to give us some views and data straight out of the gates. This allows us to have a web app up and running in our browser, ready for us to explore, in four simple command prompt commands.

[00:00] In this lesson, we are going to learn how to create an app with Ionic. We will start in our projects directory. From there, we are going to create an Ionic app called "ionic-starter." We will type "ionic start ionic-starter" and then we're going to use the tabs template.

[00:19] What this does is create a pre-configured Ionic application with tab elements as well as some hard-coded data to get us started. Once this application has been created, we will CD or navigate to the ionic-starter directory, and then we can see this application by typing "ionic serve."

[00:42] This is going to serve our application as a web application so that we can navigate through the application in the browser. We can also navigate to specific states in our application from the command line using the "goto" command.

[01:05] In this case, we navigated directly to the Account tab. That is all there is to creating an application in Ionic. Stay tuned for the next video in this series.