Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Installing PhoneGap and Getting Started

DZone's Guide to

Installing PhoneGap and Getting Started

· Mobile Zone
Free Resource

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

The Installation of PhoneGap is pretty simple and infact its just about copying the files to the Visual Studio template folder to kick start your Windows Phone Development using PhoneGap .

One of the Prerequisite to install PhoneGap is the Operating System . PhoneGap requires Windows 7 or Windows Vista Service Pack 2 . Note that installing Windows Phone SDK itself requires one of the above :)

Also make sure that you install the Windows Phone 7.1 SDK which can be downloaded from Create.msdn.com

If you have the above things ready , follow the below steps to get started with PhoneGap

1. Download PhoneGap 1.3 here

2. The downloaded file is a zip file which contains the necessary templates for developing Windows Phone App using PhoneGap for Visual Studio 2010 .

Copy the file and extract it to the Visual Studio c# template folder . This is usually

C:\Users\<USER NAME>\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C#

3. Start Visual Studio 2010 and create a new project . In the list of available templates , you should see the Phone templates with the name “PhoneGapCustom” and “PhoneGapStarter” .

Select “PhoneGapStarter” and rename the project as per your need and click ok




4. The Visual Studio Solution will contain the folder “www” and “GapLib” and few other important files .

The GapLib contains the Windows Phone 7 PhoneGap Class library dll where as the www folder contains the HTML and CSS file .




5. Double click on the index.html file inside the www folder and edit the HTML file as per your needs .

6. Press F5 to run our first PhoneGap Windows Phone App on Windows Phone Emulator :)






Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda

Topics:

Published at DZone with permission of Senthil Kumar, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}