This tutorial describes how to create and run PhoneGap, Apache Cordova and Ionic applications with IntelliJ IDEA.
Before you follow the tutorialbegin, make sure you that have PhoneGap/Cordova/Ionic CLI and corresponding platform tools such as XCode Tools and Android SDK installed on your machine.
Enable frameworks support
PhoneGap, Apache Cordova and Ionic frameworks support is available in IntelliJ IDEA, WebStorm and AppCode via the corresponding this plugin. To install the plugin it, go to
|Install JetBrains plugin…|
, then select
and click the click button
. After installing the plugin
needs to be restarted to complete the plugin installation
2. Configure the executable path
One more thing you'll need to accomplish before you'll be able to create and run PhoneGap/Cordova/Ionic applications The next step is to configure the executable path for PhoneGap/Cordova/Ionic CLI via
|Languages and Frameworks|
or open an
To open an existing PhoneGap/Cordova/Ionic application, simply select the application folder via use the its folder via
menu. IntelliJ IDEA Your IDE
will detect the application and configure perform
required project files configuration steps
To create Creating a new PhoneGap/Cordova/Ionic application, application takes just a tad longer: click
, then select
, and then
Once you've pressed the Click button
the IDE will create a new application along with and all
files it requires
Run your application
To be able to deploy and run your application, you need a corresponding run configuration. To create one, go to to create a so called Run Configuration. For that, go to
and use the
button on the left to create a run configuration. Here you may specify the working directory for running your application, the command (emulate, run or serve), the platform (Android or iOS), and the target (notice, you can't choose the target Run Configuration.
Notice that it's created with default path and other settings, but you can,of course, change any of them as you need.
You can't select a target device from the IDE when using PhoneGap CLI due
the existing limitations.
To run the application, use the After the configuration is saved, use it to run your application via
button on the toolbar or via the
tool window that appears when you run after
the application is started
you 'll can
find the output and
If you use 're using the
command, the IDE will launch the emulator automatically before deploying the applicationan emulator will be automatically launched before application deployment