Start With Ionic - Create your first project

 In the post we going to learn how to create project using ionic.

Ionic is open source SDK for hybrid mobile app development. Using ionic you are able to build amazing cross platform mobile, web and desktop apps all one shared code base and open source.

Requirement

• NodeJs
• VS Code

First you need to install nodeJs in your machine. After that install ionic using below command;

npm install -g @ionic/cli

Pic 1 - Ionic Install

Now time to create our first project, for that you need to run following command;

        

    ionic start <projectname> <template> [options]

        projectName - Your project name

        template - Which kind template you are using (blank, tabs etc)

        options - which kind integration you need ( --cordova, --capacitor etc)

Pic 2 - Create Project

    After successfully create please change your directory in current project location;

    

Pic 4 - Successful Screen

To run the ionic project you need to execute ionic serve command on terminal/cmd on project location

Pic 4 - Final Output

Now you first project look like. We have used tab for this project.

Hope you like the post. Happy Learning ☺