facebook

Creating a New PhoneGap Application in MyEclipse

Get started with mobile applications using the PhoneGap Application wizard in MyEclipse 2015. The wizard gets you a step ahead by letting you select PhoneGap plugins and an app template. The structure is set for you – then you make it your own.

In this tutorial, you will learn how to:

  • Create a new PhoneGap project
  • Modify the project configuration file

Note: Mobile development was removed in MyEclipse 2016. This tutorial only applies to MyEclipse 2015.

1. Start a New Project

When you open MyEclipse 2015, the MyEclipse Dashboard opens as a default view. You can create a new PhoneGap Application project by selecting File>New>Project from the menu, or you can use the Dashboard for quick access.

  1. Select the Mobile page on the Dashboard’s General tab, and click Create a PhoneGap Application Project.

    Getting started from the Dashboard
  2. Enter a project name, and click Next.

    New Project wizard
  3. Select a template, and click Next.

    Ionic templates available in MyEclipse 2015 CI 11 and later.

    Template selection
  4. Select template options, and click Next.
    select_template_opts
    Template options
  5. Choose plugins to make features available in the project, and click Next.

    Application settings

The new project appears in the MyEclipse Explorer and has the following structure.

2014-08-01_13-54-21
Project and directory structure  

2. Modify the Project Configuration

The configuration file contains a default set of application preferences that you can change to fit the requirements of your app.

  1. Expand the www folder of your project, and double-click config.xml.
    open_config
    Opening the configuration file
  2. Select a node in the outline to set the corresponding configuration options.

    Configuration editor
  3. Press CTRL+S to save the configuration.

The form-based PhoneGap configuration editor is available in MyEclipse 2015 CI 7 and later.

Now that you have a project started, use the HTML designer and the JQuery mobile palette for designing the UI. Test your app in the Mobile Web Simulator as you go.