Step by Step Setup of Ionic Framework on Windows

Step 1: Install Node.Js

Go to www.nodejs.org and download 32 bit / 64 bit NodeJs  (Size Around : 5 MB)

Step 2: Install Ionic

run Node.js command prompt from windows menu and type following to install ionic

npm install ionic –g

 

Step 3: Install Cordova

Now once you are done with ionic installation , install Cordova as follows by typing in Node.js command prompt:

npm install cordova –g

Step 4: Start New Ionic Project

Node.js command prompt go to your favorite directory where you want ionic project reside

type following:

ionic start <YourApplicationName> <Template>

for example:

ionic start HelloIonic blank

the ionic project will be created in the specified directory

the ionic project files located in www directory for changes

we will change the index.html file and take a look how it runs in browser

I have changed following text in index.html :

“Ionic Blank Master” to “Hello Ionic Starter”

we will see how it runs in the browser

Step 5: Running Ionic Application in Browser

in Node.Js command prompt locate the directory where ionic project got created

run following command to see application running in browser

ionic serve

 

Step 5: Running Ionic Application in Google Chrome Canary Browser

just download and install Google chrome canary version to see mobile version of application running in browser

run google chrome canary version and press F12 to open developer tools and select Mobile Icon to see mobile version