The structure of an Ionic project

In the process of creating a project in the previous chapters, we created a directory entitled myfirstionicapp, which can be found in the root folder. We recommend that you open this project folder with an Integrated Development Environment (IDE) or a text editor. In our case, we are comfortable using Atom, which is an advanced open source text editor.

Note

You can download Atom from https://atom.io/.

Once you open your IDE and add the project folder to your workspace, you will see the following folder structure:

Let's take a closer look at each of the folders shown in the preceding screenshot in turn:

• hooks: This folder is where our project will store automatically (or manually) generated hooks for the underlying Cordova system, which provides most of of our project's runtime.

• platforms: This folder contains the necessary files and configurations that are required to deploy a project on a specific platform, such as Android or iOS.

• plugins: This stores the various...