I’ve been working on a simple PhoneGap application for a while, and one of the pitfalls is setting up the development environment. Because PhoneGap 2.x is quite different from 3.x, the development environment is also different. 2. X is the http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html this series of articles, some not clear version number, is also one reason into the pit.

3. X needs to be installed via NodeJS

npm install -g phonegap

Generate engineering files for the corresponding platform, and then develop.

Also, explain the relationship between Cordova and PhoneGap here, according to one encyclopedia

Ordova is an open source project that was contributed to Apache. It is the core code pulled from PhoneGap and is the core engine that drives PhoneGap. You can think of it as similar to WebKit and Google Chrome.

But when I use it, I find that there is no difference between the two except the name and some command writing. They are almost equivalent.

With that said, let’s get started. To quickly build a development environment with Visual Studio 2013, you first need to upgrade Visual Studio 2013 to Update3.

Tools -> Extension with Updates -> Update 3

With nearly 6 GB, you need to wait some time before installing the Multi-Device Hybrid Apps

You will be prompted to install the required environment during installation

It’s so easy for beginners to configure all kinds of environments with one click.

And then reboot VS, and you’ll be able to do that

File -> New -> Project -> JavaScript/TypeScript

Let’s go to the Blank App

Click OK and a new project is created

The main configuration is in config.xml, with the convenience of configuring the plugin directly.

The configuration manager under DEBUG can select the appropriate platform

It’s worth noting that NetBeans also supports Cordova development, but overall it’s not as convenient as VS2013 and has the obvious advantage of being free.