Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

How to setup ionic 2

454 Aufrufe

Veröffentlicht am

How to setup ionic 2

Veröffentlicht in: Software
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

How to setup ionic 2

  1. 1. How to setup Ionic 2
  2. 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. 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. 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. 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. 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. 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