Apache Cordova - How to install Apache Cordova and run a project on Mac with Visual Studio IDE

Hello everyone,

   Today I am gonna a show you how to make it possible develop and debug Apache Cordova and Ionic projects using Visual Studio IDE on Mac.

First download Visual Studio Code at Microsoft page from your MAC:

https://code.visualstudio.com/Download

Then if you don't have HomeBrew installed, please do it.

Homebrew is a package manager for the Mac and it makes installing most open source sofware (like Node.JS) as simple as writing brew install node.

To install Homebrew just open Terminal and type ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)".

Now the Cordova piece of if:

Open a Terminal (on a Mac) and if you're planning on targeting iOS devices,

Install HomeBrew on your Mac.

Open a Terminal and run brew install ideviceinstaller ios-webkit-debug-proxy

Cordova debug environment

Go to your Visual Studio installed and open a cordova project code that you have or just download a sample on Github.

Type Command + P to open a terminal box in your Visual Studio and type ext install cordova

then

Now you need to enable the debug environment as well as your emulators. So  click on debug button from your Visual Studio code IDE .

Configure gear icon () to choose the Cordova debug environment.

Now you are good to go! Just select the emulator, device or browser that you want to launch it, hit play and go fot it!

and run:

Please find more about Apache Cordova here:
Apache Cordova Debugging Tools
Apache Cordova run Android app

I hope it helps you and happy codding,

Thiago Leoncio.