Kickstart An Apache Cordova App Using Visual Studio

Apache Cordova

Apache Codova apps use Visual Studio that run on iOS, Android, Windows and Windows Phone using a single project based on HTML and JavaScript.

Prerequisites

  • Visual Studio 2015
  • Visual Studio Tools for Apache Cordova.

Now let's get started with the following steps.

Create a Project

Open Visual Studio 2015 and Click File -> New -> Project Option for New Apache Cordova App.

name

Giving the Project Name

Then, New Project Window will open, there you can select an Installed -> Template -> Java Script -> Apache Cordova Apps -> Blank App (Apache Cordova).

Type Project Name CordovaApp and click the OK button

name

After we create the project, our solution should resemble the following.



This table gives the basic idea of how we might use each one.

File  Why is it in your project?
bower.json This file manages the Bower packages dependencies of our app.
build.json This file contains parameters that Visual Studio uses to build a signed Android package.
config.xml Contains the settings of our app.
taco.json Defines which version of the Cordova CLI Visual Studio uses to build the project.

Run the Application

Now we are ready to run our Project, So Click the Ripple – Nexus (Galaxy) for running the Application. (Apache Ripple is a free mobile simulator).



Output



We can also run our app in Android, iOS, and Windows device emulators. To see them all, choose any platform from the platform list on the Standard toolbar.

File Why is it in your project? bower.json This file manages the Bower packages dependencies of our app. build.json This file contains parameters that Visual Studio uses to build a signed Android package. config.xml Contains the settings of our app. taco.json Defines which version of the Cordova CLI Visual Studio uses to build the project.

Conclusion

I hope you understood how to create an Apache Cordova App using Visual Studio and run it.