Wednesday, 20 September 2017

How to Setup And Install Ionic Framework with Angular?

Ionic apps are created and developed primarily through the Ionic command line utility (the “CLI”), and use Cordova to build and deploy as a native app.This means we need to install a few utilities to get developing.

Following are the step to setup and install the Ionic framework.

Step 1: you’ll need to install the latest version of Node.js. Download the installer for Node.js 6 or greater. download Node.js

Step 2: open Node.js Command prompt and Run below code to install the Ionic Cordova  

//////For the window machine/////   

npm install -g ionic cordova

/////For the MAC machine //////       
sudo npm install -g ionic cordova 

Step 3: Once that’s done, next to locate your folder and create your first Ionic app by using below code

ionic start  MyApp  blank
  • start will tell the CLI create a new app.
  • MyApp will be the directory name and the app name from your project.
  • blank will be the starter template for your project. we can use one of the other template that is mentioned below

If you want other template, the Ionic has a few templates available:
  • tabs : a simple 3 tab layout
  • sidemenu: a layout with a swipable menu on the side
  • blank: a bare starter with a single page
  • super: starter project with over 14 ready to use page designs
  • tutorial: a guided starter project 

Step 5: Viewing the app in a browser
First you need to locate to your created project (MyApp). Viewing the app in a browser, we need to run below command.

// locating myApp folder

cd MyApp

//Start a local dev server for app dev/testing

ionic serve

No comments:

Post a Comment

Note: only a member of this blog may post a comment.