Mobile App Development with Ionic, Revised Edition

Chapter 7. Building Our Ionic2Do App

With our development environment configured, some initial exposure to Angular 2, and a foundation in Apache Cordova, we are finally ready to start creating our first Ionic application. As not to break with tradition, we are going to be building the classic to-do list management application. You might wonder why we would build something that has been built so many times before. Part of the reason is that for many of you, building something familiar will let you begin to map how Ionic works to whatever language or framework you might be more familiar with. Another reason is that a to-do app has more complexity that simply printing out “Hello World” on a screen.

To get started we need to create a new Ionic project. We will use the blank template as our basis:

$ ionic start Ionic2Do blank

The CLI will begin downloading the various elements for the project: the TypeScript components, the node modules, and finally the required Cordova components. This process may take a few minutes, depending on your internet connection. If you have done Ionic v1 development, you will notice that this process is a bit longer than before.

Once all the packages have been downloaded, the CLI will then ask you if you want to link this application to your Ionic dashboard. For now, we don’t need to link our application, so enter n. We can always link our application at a later date.

Next, you need to make sure you change the working directory to your newly created Ionic ...