2. Ionic is an open source front-end framework for development of hybrid mobile application in
HTML 5. Ionic 2 provide a rich library of mobile-optimized HTML, CSS and JS components. Ionic
2 based on AngularJs 2 and SaSS.
Ionic 2 still in alpha phase, today I am going to explain how to setup ionic 2.
1. Install Node.js
2. Install Ionic 2 Alpha
3. Setup cutePuppyPics
4. Run cutePuppyPics Project
5. Add Android Platform
6. Install Android Emulator
7. Run cutePuppyPics project into Emulator
1. Install Node.js – We need to first install Node.js. For install Node.js go to following link
https://nodejs.org/en/
And download stable version of node.js, Right now V5.0.0 Stable version available on
Nodejs.org.
After installation go into command prompt and type. It will show you latest version of node
installed.
Node -- Version
3. 2. Install Ionic 2 Alpha – To install the Ionic 2 Alpha, go into command prompt and type
following command
npm install -g ionic@alpha
It will take some time to install Ionic 2 Alpha depend upon you internet speed.
3. Setup cutePuppyPics - When Ionic 2 Alpha installed successfully. Start your first Ionic
application. Use following command to install “cutePuppyPics” Project. This command
will download “cutePuppyPics” project from github.com and install dependent library
and modules also.
https://github.com/driftyco/ionic2-starter-tabs/archive/master.zip
ionic start cutePuppyPics --v2
4. 4. Run cutePuppyPics Project - Go into “cutePuppyPics” folder and run following
command into command prompt to run “CutePuppyPics” Project. And Ionic project will
open into web browser on http://localhost:8100/ .
ionic serve
5. Ionic serve command compilie SASS to CSS. Also configure Webpack for project. webpack is a
module bundler. It packs CommonJs/AMD modules i. e. for the browser. Allows to split your
codebase into multiple bundles.
You can can learn more about WebPack on github.io.
https://webpack.github.io/
6. 5. Add Android Platform – Our Ionic 2 Alpha cutePuppyPics project running successfully.
Now we need to test this project into android emulator. For that we first need to add
Android Platform module to Cordova.
To add android platform support run following command into command line.
ionic platform add android
6. Install Android Emulator - Now we need Android SDK or Android emulator. You can use
Genymotion, Genymotion is an Android emulator. Genymotion is the fastest Android
emulator for application testing and presentation purpose. Learn more here
http://www.codeandyou.com/2015/03/genymotion-is-fast-and-easy-to-use.html
7. 7. Run cutePuppyPics project intoEmulator – Run following command into command line
to run project into android emulator.
ionic run android
Thanks
http://www.codeandyou.com
http://www.codeandyou.com/2015/10/how-to-setup-
ionic-2.html
Keywords – Ionic 2, Ionic 2 Documentation, How to setup Ionic 2