We can make Eclipse much more comfortable for web development by adding in the Aptana tools.
Choose Help | Install New Software. Press the Add button. Set:
Step through the wizard.
I suggest going with the Aptana Plugin, however, alternatively, you can do this:
Choose Help | Install New Software from the Eclipse menu. Select the following in the Work With drop down:
Scroll to the bottom to the Web, XML, Java EE and OSGi Enterprise Develpment section.
You can have both Aptana and the Web Developer Tools installed at the same time. However, it can be confusing. To uinstall the Web Developer Tools, choose *Help | About | Installation Details *and follow the wizard.
Let's take a moment to get familiar with the IDE.
The Commands Menu
Make sure you can see the App Explorer and the Project Explorer. The App Explorer is on the Toolbar, you can reach Project Explorer by choosing the following from the menu:
Window | Show View | Project Explorer
Here are the steps to create a new project
File | New | Web Project or File | New | Other | Web Project
If you want a default Index.html file then choose Basic Web Template
If you want an empty project, choose Default Project
We will HTML5 boilerplate later. Skip them for now.
After creating your project, choose *File | New From Template | HTML | HTML 5 *to add an HTML 5 file to your project.
And nearly always add jQuery by putting on of these in your <head> element:
Aptana comes with a built in Web Server. To get that to work:
Figure 01: Choose a Template
Figure 02: Give your project a name.
Figure 03: Add a file your project.
Figure 04: Setting up the Run Configuration
Select the Next button and step through the wizard. It will take awhile, and you will be asked to restart the IDE at the end. But when you are done, you should be able to choose File | New | Static Web Project.