Thursday, October 27, 2016

Developing Apache Cordova App using Visual Studio 2015 Community

Visual Studio 2015 Community is a free Comprehensive Windows IDE from Microsoft. You can develop both web apps as well as native apps. It is also cross-platform. Besides these you can develop a whole lot other types of projects including Databases and IoT.

This post deals with creating a Apache Cordova app using Visual Studio 2015 Community Update 3.
In the New Project... window you find only one template, a Blank App available for developing a Apache Cordova JavaScript based app.

ApacheCordova_00.PNG

If you accept the default blank project you would see the following in the Solution Explorer.

ApacheCordova_01.PNG

The project can be developed at least for two platforms Android and Windows unless scripts are not needed for WP8 and IOS devices.

By default when you try to build this project, the IDE builds it for Android. The build process is lengthy and takes some time. As this computer does not have Google Chrome installed when you try to Start Debugging, you will get the following error:
==============
Severity Code Description Project File Line Source Suppression State
Error  Error: DEP10401 : The Ripple emulator requires Google Chrome to launch your app, but Chrome is not installed on this computer. Please install it from: https://www.google.com/chrome/browser/index.html. BlankCordovaApp_0   IntelliSense
=====================
In order to test this blank project you need the Ripple emulator.

However one can direct debug target to another device Windows Universal (for example).

In order to build for Windows Universal we can change it from the Project's Property page (Menu Project | Project Properties) as shown:

However when you try to run this you get this error:


Most of these errors are related to not choosing the right debug target device / emulator.

Next post debugging of this default project.
http://hodentekmobile.blogspot.com/2016/10/developing-apache-cordova-app-using_27.html



Post a Comment