eclipse 安装H5 环境，及搭建H5工程

1) 在Eclipse的主菜单，点击help，选择Install New Software。

在Available Software窗口中的Work with项选择Available Software窗口中的Work with项选择

Galileo - http://download.eclipse.org/releases/galileo 
展开Web、XML、 and Java EE Enterprise Development这项，选择Eclipse Java EE Developer Tools和Eclipse WebDeveloper Tools 这这两项，next、finish、reset。

2)

创建工程

打开你的Eclipse，菜单选择File->New->Project...或者File->New->Other...

你现在会看到类似下面的一个弹出窗口，这个窗口就是告诉你所有可选的项目类型。

选择Web->Static Web Project

点击Next

填写你的项目名称，如Html5Demo

点击Next

填写你的content folder名称，如myHtml5

这个content folder就是你的应用所在的根目录

点击Finish

添加文件

右键你的content folder的名字，选择New->HTML File

填写File name为index或者index.html

index.html是主页面，主页面不建议使用其它名字，index.html不同于其它的页面。

点击Next

这里出现的是Html文件版本的选择，不同的版本使用不同的模板，当然我们也可以修改和创建自己的模板，后面会向大家介绍。

选择New HTML File (5)

点击Finish

打开index.html，你会看到类似下面的代码，这些都是模板自动生成的，如果你的代码和我的不一样一点也不奇怪，因为我的模板经过修改。

到目前为止我们已经基本完成了开发环境的搭建。用前面类似的方法，我们可以在content folder下面创建其它html文件、css文件、js文件或者文件夹，从而丰富我们的应用。