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.