If you have the Eclipse IDE set up on your development environment, you can create HTML plug-in projects by using the vSphere Web Client Tools Eclipse plug-in.

Verify that you have the Eclipse IDE installed and configured correctly on your development environment. See Set Up the Eclipse Integrated Development Environment.

Verify that you have the vSphere Web Client Tools Eclipse plug-in installed and configured in the Eclipse IDE. See Install the vSphere Web Client Tools Eclipse Plug-In.

Verify that you have the Virgo server set up in your Eclipse IDE. See Configure the Virgo Server in Your Eclipse IDE.

1

Start Eclipse on your development machine.

2

From File > New, select Other.

The New wizard appears.

3

From the New wizard, select the HTML Plug-in Project node under the vSphere Web Client folder and click Next.

The New vSphere Client HTML plug-in dialog box appears.

4

In the New vSphere Client HTML plug-in dialog box, enter the name of the plug-in project and click Finish.

Best practice is to use -ui at the end of the project name for the user interface components and to use lowercase letters. The project name is used for creating the Web context path of the plug-in.

Optionally, you can change the location where your plug-in project is stored and also the default plug-in and plug-in package names.

Two plug-in projects are created for the HTML plug-in, user interface project and Java service project. Before you start editing the files generated by the wizard, make sure that you understand what each file must contain. For detailed information about the structure of the HTML plug-in project template, see Contents of the HTML Plug-In Project Template.

Before you start editing the generated HTML project files, you can build and deploy the HTML plug-in on the vSphere Client or the vSphere Web Client.