Header Ads

Structure of Ionic 3

Structure of Ionic 3


Hooks represent the special script, to add the own build system and build own Cordova plugin. Hooks script defined in config.XML and run like '/hooks'


Node.js is like a common module implementation, this will export to make things available. if using any module in the project, import the module in the app.module. a module can encapsulate code into a single unit of code. npm install is used to install a node module for the project. npm is a node js manager.


The platform used to give a new platform for an application like android, ios, windows. run the command in command prompt(ionic cordova add platform platform-name).


The plugin allows storing those plugin used in the ionic project. To add a plugin, run the command in prompt. ionic cordova plugin add cordova-plugin-camera and next steps add a native sign
npm install --save @ionic-native/camera


Src is the main part of the project, the project coding is created in src folder. In that app, the folder contains an app.module, app.component, app.html, main.ts. Pages folder store all the pages in the angular app. create a new page(ionic g page page-name). the assets to store the image and fonts.


app.module use as import a module and page used in the project. This allows the application-level module to be required as if they install in node module.


app.component is used to initialize the ionic app, and redirect to the first-page need to be opened.


It is the main entry for an app, its purpose to set up the script and scss includes and bootstrap and running an app. the structure is like

Post a Comment