O'Reilly logo

PhoneGap 4 Mobile Application Development Cookbook by Zainul Setyo Pamungkas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Exploring the Ionic framework structure

In this section, we are going to explore the Ionic framework project structure. By understanding this structure, we can understand how Ionic framework works. We will start with the basic directory structure, the configuration files, and then the application files.

How to do it…

Basic directory structure

To start exploring the Ionic framework directories and files, follow these steps:

  1. Create a new blank Ionic project:
    ionic start thirdApp blank
    
  2. Change the directory by running the following command:
    cd thirdApp
    
  3. Add the platform to the project:
    cordova platform add ios
    cordova platform android
    
  4. Open the project directory. Run the following command if you are using Mac to open the current directory in Finder:
    open ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required