本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章，第1.4节,作者：张路斌著， 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

1.4　开发工具的选择

对于HTML5的开发来说，在开发工具方面没有特殊的要求，甚至可以用文本文档来编写代码。但是好的开发工具可以减少开发Bug，提高开发效率。对于网页设计者来说，Dreamweaver应该是***的选择，但由于 Dreamweaver没有调试功能，而且JavaScript的自动提示功能又不太好用，作为以代码编写为主的开发者来说，这是难以接受的。
所以在这里推荐另一款开发工具，那就是Eclipse，它是完全免费的，而且也带有比较好的JavaScript提示功能。
在下载Eclipse之前，需要先下载JDK，来支持Eclipse的运行。JDK的下载地址为：http://www.oracle.com/technetwork/java/javase/downloads/index.html下载时，进入页面后，选择需要的JDK，如图1-2所示。

单击JDK图标后，进入下载页面，SUN公司为不同的系统提供了不同版本的JDK，如图1-3所示。单击需要的版本进行下载，并安装。

安装了JDK之后，就可以开始下载Eclipse了。Eclipse的官方下载地址为：
http://www.eclipse.org/downloads/
下载界面如图1-4所示。

下载后直接解压，运行eclipse.exe即可。
接下来开始安装HTML5环境。打开Help菜单中的Install New Software选项，如图1-5所示。

在弹出的窗口中，在Work with文本框中输入http://download.aptana.com/studio3/plugin/install，如图1-6所示。

单击Add按钮，出现安装Aptana Studio 3界面，安装后重新启动Eclipse。
在重新启动了Eclipse后，单击Eclipse左上角的File菜单，依次单击New→Web Project，新建一个Web Project，如图1-7所示。

然后在New From Template菜单中，依次单击HTML→HTML5 Template，新建一个HTML文件，如图1-8所示。

至此，整个准备工作就完成了。