Uno degli editor per lo sviluppo di applicazioni ibride con Ionic 2 e senz’altro Visual Studio Code (VSC) gratuito è scaricabile al link https://code.visualstudio.com.

Per prima cosa bisogna installare alcuni plugins necessari:

  • premere F1 o CTRL + SHIFT + P
  • ext install e ricercare “Cordova Tools Extension”
  • ext install e ricercare “Debugger for Chrome”

Una volta installati e abilitati i plugins è possibile utilizzare i comandi di ionic direttamente nell’editor:

  • F1 + Ionic: Build
  • F1+ Ionic: Prepare
  • F1 + Ionic: Run

E’ possibile inoltre lanciare il debug dall’editor:

vsc

Durante il debug “Simulate Android in browser” si può incappare nell’errore:
[cordova-debug-adapter] Error: Can’t find Chrome – install it or set the “runtimeExecutable” field in the launch config.

Per la risoluzione del problema è necessario modificare il file launch.json del progetto aggiungendo al name“Simulate Android in browser” le righe:

“runtimeExecutable”: “C:/Users/NAME/AppData/Local/Google/Chrome/Application/chrome.exe”,
“runtimeArgs”: [
“–remote-debugging-port=9222”
],

Il debug è ora utilizzabile senza problemi.