...
PhoneGap, Apache Cordova and Ionic frameworks support is available in IntelliJ IDEA, WebStorm and AppCode via this plugin. To install it, go to
→ → span |
---|
|
Install JetBrains plugin… Wiki Markup |
---|
{span:class=shortcut}Settings{span} |
→ Wiki Markup |
---|
{span:class=shortcut}Plugins{span} |
→ Wiki Markup |
---|
{span:class=shortcut}Install JetBrains plugin…{span} |
, then select
span |
---|
|
Wiki Markup |
---|
{span:class=shortcut}PhoneGap/Cordova Plugin{span} |
and click
span |
---|
|
Install plugin Wiki Markup |
---|
{span:class=shortcut}Install plugin{span} |
.

Note |
---|
IntelliJ IDEA needs to be restarted to complete the plugin installation |
...
The next step is to configure the executable path for PhoneGap/Cordova/Ionic CLI via
→ span |
---|
|
Languages and Frameworks |
→ → span |
---|
|
PhoneGap/Cordova Wiki Markup |
---|
{span:class=shortcut}Settings{span} |
→ Wiki Markup |
---|
{span:class=shortcut}Languages and Frameworks{span} |
→ Wiki Markup |
---|
{span:class=shortcut}JavaScript{span} |
→ Wiki Markup |
---|
{span:class=shortcut}PhoneGap/Cordova{span} |
.

3. Create or open an application
To open an existing PhoneGap/Cordova/Ionic application, simply select its folder via
→ span |
---|
|
Open Wiki Markup |
---|
{span:class=shortcut}File{span} |
→ Wiki Markup |
---|
{span:class=shortcut}Open{span} |
menu. Your IDE will detect the application and perform all required configuration steps automatically.
Creating a new application takes just a tad longer: click
→ span |
---|
|
New Project… Wiki Markup |
---|
{span:class=shortcut}File{span} |
→ Wiki Markup |
---|
{span:class=shortcut}New Project…{span} |
, then select
span |
---|
|
Static Web Wiki Markup |
---|
{span:class=shortcut}Static Web{span} |
, and then
span |
---|
|
Wiki Markup |
---|
{span:class=shortcut}PhoneGap/Cordova App{span} |
.

Click
span |
---|
|
Finish Wiki Markup |
---|
{span:class=shortcut}Finish{span} |
, and the IDE will create a new application and all the files it requires:
...
To deploy and run your application, you need to create a so called Run Configuration. For that, go to
→ span |
---|
|
Run Configurations… Wiki Markup |
---|
{span:class=shortcut}Run{span} |
→ Wiki Markup |
---|
{span:class=shortcut}Run Configurations…{span} |
and use the
span |
---|
|
Add Wiki Markup |
---|
{span:class=shortcut}Add{span} |
button on the left to create a
span |
---|
|
Wiki Markup |
---|
{span:class=shortcut}PhoneGap/Cordova{span} |
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.
...
After the configuration is saved, use it to run your application via
span |
---|
|
Run Wiki Markup |
---|
{span:class=shortcut}Run{span} |
button on the toolbar or via the
span |
---|
|
Run Wiki Markup |
---|
{span:class=shortcut}Run{span} |
menu:

In the
span |
---|
|
Run Wiki Markup |
---|
{span:class=shortcut}Run{span} |
tool window that appears after the application is started you can find the output and logs:

If you're using the
span |
---|
|
emulate Wiki Markup |
---|
{span:class=shortcut}emulate{span} |
command, an emulator will be automatically launched before application deployment.
...