PhoneGap-KickStart-Guide

Phonegap installation steps

1. Install node.js - http://nodejs.org/dist/v0.10.28/node-v0.10.28-x86.msi

2. Install phonegap - npm install -g phonegap (If throwing error check if you are behind proxy)

3. set Proxy with the following command -

npm config set proxy http://proxy.company.com:8080

npm config set https-proxy http://proxy.company.com:8080

&

if you have username password set

npm config set proxy http://login:pass@host:port

npm config set https-proxy http://login:pass@host:port

4. Install cordova - npm install -g cordova

5. Install ant -

Download the .zip for the binaries from http://ant.apache.org/bindownload.cgi. Extract the binaries on the path C:java\ant\ where [java] and [ant] would be self created folders you can store in any directory structure of your preference.

6. Set path variable for ant

To set up the variables › Right Click My Computer › Click Properties › Click Advanced system settings › Click Environment Variables › Click Path > Add the path value in it.

7. Install android sdk

8. Set path variable for android sdk pointing to platform-tools and tools as above set (6)

9. Create a workspace for phonegap

10. Open command promp

11. Traverse to workspace folder

12. Now create first Phone Gap app

cordova create MyFirstPhoneGap com.myapp.helloworld Hello

13. Traverse to project folder EX: cd Hello

14. Set Environment for Android/IOS

cordova platform add android

15. To build phonegap app with Android/IOS cordova build android

16. Start the emulator

17. To run Android/IOS App

cordova run android

Voila, Now your first application is developed.

Open www folder in your favourite editor and start working around the index.html page to have fun for start.

Tips and Tricks

Try Using http://brackets.io/ as HTML Editor

Your comments will encourage us to do more these kind of tutorials.

Soon Demo and Example will Update TODO