Please enable Javascript to correctly display the contents on Dot Net Tricks!

Configuring Visual Studio 2015 to Develop Hybrid Mobile Apps

  Author : Shailendra Chauhan
Updated On : 24 Aug 2015
Total Views : 5,208   
 

Visual Studio 2015 is a great tool to build cross-platform apps for iOS, Android, and Windows devices. Microsoft provides Visual Studio Tools for Apache Cordova to develop cross-platform (hybrid mobile) mobile apps using web technologies such as HTML, CSS, and JavaScript.

Using Visual Studio 2015, you can build cross platform apps for the following devices and platforms:

  1. Android 3.0, 4.0 and 5.0

  2. iOS 6, 7, and 8

  3. Windows 8, 8.1 and 10

  4. Windows Phone 8, 8.1 and 10

Installing Visual Studio Tools for Apache Cordova

To install tools for Apache cordova just run visual studio 2015 setup and select the features as shown in below diagram.

When you will select above features, you will get the the following confirmation screen to install the features. To install these features you have to connect to internet since it will download these Sdks from internet.

Verifying Visual Studio Configuration

To verifiy visual studio configuration, just open it and select option to create a new project. When new project creation wizard will be open, under the template of JavaScript you will find the template for creating apache cordova blank app.

Now create a project for apache cordova and verify the following things.

  1. Verify Cordova Tools installation

    To verify it just navigating to Tools => Options => Tools For Apache Cordova in Visual Studio. Now click on button Run Dependency Checker and you will get the following alert box to say that there is no misconfigured componets.

  2. Verify Emulator installation

    Now verify emulator installation for android, windows and ios. Screen shot for the emulator is shown below.

Note

  1. To install tools for apache cordova make a internet connection

  2. To create and build a project for apache cordova, run visual studio in administrator mode. For more help refer MSDN link

Building & Running Hybrid Mobile App

Now run you application with windows, android and iOS emulator one by one and you will see the following output.

What do you think?

In this article, you have learn how to configure your system for cross platform mobile apps development with visual studio. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.

YOU MIGHT LIKE
Free Interview Books
 
COMMENTS (0)
14 DEC
ASP.NET MVC with AngularJS Development (online)

MON-FRI 07:30 AM- 09:00 AM IST

Know More
5 DEC
AngularJS Development (online)

Mon - Fri 6:30 AM-7:30 AM IST

Know More
3 DEC
AngularJS Development (offline)

SAT,SUN     11:00 AM-12:30 PM IST

3 DEC
MEAN Stack Development (offline)

Sat, Sun     (09:30 AM-11:00 AM IST)

26 NOV
ASP.NET MVC with AngularJS Development (offline)

(SAT,SUN)     03:30 PM-05:00 PM IST

24 NOV
ASP.NET MVC with AngularJS Development (online)

MON-FRI     09:30 PM-11:00 PM IST

12 NOV
ASP.NET MVC with AngularJS Development (offline)

SAT,SUN     08:00 AM-09:30 AM

3 NOV
ASP.NET MVC with AngularJS Development (online)

MON-FRI     07:30 AM-09:00 AM IST

25 OCT
.NET Development (offline)

Mon-Fri     9:00 AM-11:00 AM IST

BROWSE BY CATEGORY
 
RECENT ARTICLES
SUBSCRIBE TO LATEST NEWS
 
LIKE US ON FACEBOOK
 

Professional Speaks

+