Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

PhoneGap, Apache Cordova and Ionic frameworks support is available in IntelliJ IDEA, WebStorm and AppCode via this plugin. To install it, go to

span
classshortcut
Settings
span
classshortcut
Plugins
Install JetBrains plugin…
span
classshortcut
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
classshortcut
Wiki Markup
{span:class=shortcut}PhoneGap/Cordova Plugin{span}
and click Install plugin
span
classshortcut
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
classshortcut
Settings
span
classshortcut
Languages and Frameworks
span
classshortcut
JavaScript
PhoneGap/Cordova
span
classshortcut
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
classshortcut
File
Open
span
classshortcut
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
classshortcut
File
New Project…
span
classshortcut
Wiki Markup
{span:class=shortcut}File{span}
Wiki Markup
{span:class=shortcut}New Project…{span}
, then select Static Web
span
classshortcut
Wiki Markup
{span:class=shortcut}Static Web{span}
, and then
span
classshortcut
Wiki Markup
{span:class=shortcut}PhoneGap/Cordova App{span}
.

Click 

Finish
span
classshortcut
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
classshortcut
Run
Run Configurations…
span
classshortcut
Wiki Markup
{span:class=shortcut}Run{span}
Wiki Markup
{span:class=shortcut}Run Configurations…{span}
and use the Add
span
classshortcut
Wiki Markup
{span:class=shortcut}Add{span}
button on the left to create a
span
classshortcut
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 

Run
span
classshortcut
Wiki Markup
{span:class=shortcut}Run{span}
button on the toolbar or via the Run
span
classshortcut
Wiki Markup
{span:class=shortcut}Run{span}
menu:

In the

Run
span
classshortcut
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

emulate
span
classshortcut
Wiki Markup
{span:class=shortcut}emulate{span}
command, an emulator will be automatically launched before application deployment.

...