Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
howto:install_ionic_framework [2014/05/15 16:47] – yehuda | howto:install_ionic_framework [2022/01/03 16:03] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== How to install Ionic Framework ====== | ||
- | - Install [[http:// | + | - Install [[http:// |
- | - Install [[http:// | + | - Install [[http:// |
- Install [[http:// | - Install [[http:// | ||
- | - Install | + | - Download |
+ | - Extract ANT to c: | ||
- Install Android SDK [[http:// | - Install Android SDK [[http:// | ||
- | - Extract bundle to c:\android\adt-bundle.....zip (you can use for extraction [[http:// | + | |
- | - Rename it to c:\android\bundle | + | |
- | - Add to PATH variable ";C:\android\bundle\sdk\platform-tools; | + | - Rename it to c:\development\bundle-adt |
+ | - Add to PATH variable ";c:\development\bundle-adt\sdk\platform-tools; | ||
- click start -> run -> cmd | - click start -> run -> cmd | ||
- | - go to " | ||
- execute "npm install -g cordova ionic" | - execute "npm install -g cordova ionic" | ||
+ | - go to " | ||
+ | - run "SDK Manager" | ||
+ | - go to Tools menu -> Manage AVDs | ||
+ | - Click new | ||
+ | - Write AVD Name: AVD1 | ||
+ | - Select device: Nexus 5 | ||
+ | - select skin: Skin with dynamic controls | ||
+ | - click ok | ||
+ | |||
+ | |||
+ | Create example: | ||
+ | - start cmd ( Start -> run -> cmd ) | ||
+ | - Go to development folder | ||
+ | - ionic start myApp tabs | ||
+ | - cd myApp | ||
+ | - ionic platform add android | ||
+ | - ionic build android | ||
+ | - ionic emulate android |