How install Ionic and develop first application

How Install Ionic: 

Before proceeding we must have to download and install node.js (recommended for most users), make sure the latest version of Node.js and npm are installed.
To check version, type on command prompt. 

node --version
npm--version

Install the Ionic CLI(Command Line Interface)
$ npm install -g ionic  // write on command prompt
g here stands for globally and  npm - node package manager. All required packages are downloaded to the system. 

What is ionic CLI?

The Ionic CLI is built with TypeScript and Node.js.

CLI is a inbuilt tool provide interface to developer such as installing and updating Ionic, the CLI comes with a built-in

development server, build and debugging tools, and much more.


Start an App:

Ionic provide two default template or starter tabs and sidemenu.We can use blank for fresh blank project.
Create an Ionic app using one of the pre-made app templates, or a blank one to start fresh.
The three most common starters are the blank starter, tabs starter, and sidemenu starter. Get started with the ionic start command:

=> Create a folder named it something like IonicProject in which all project will be created
=> Now open command prompt and navigate to the folder IonicProject by 
C:\Users\USERNAME>cd IonicProject
C:\Users\USERNAME\IonicProject>ionic start myApplication blank
It will take some time to extract project files to IonicProject folder.
After completing navigate to myApplication folder and run the project using: ionic serve
C:\Users\USERNAME\IonicProject\myApplication>ionic serve
The project will be open in browser and project file can be open in sublime text or VS Code by dragging to editor or go to file->open folder (the project folder).


Folder structure of ionic:


Now do the design in .html page as required. Happy coding...

Comments

Post a Comment

Popular posts from this blog

What is ionic framework