本節書摘來自華章計算機《html5 canvas遊戲開發實戰》一書中的第1章，第1.4節,作者：張路斌著， 更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。
對于html5的開發來說，在開發工具方面沒有特殊的要求，甚至可以用文本文檔來編寫代碼。但是好的開發工具可以減少開發bug，提高開發效率。對于網頁設計者來說，dreamweaver應該是最佳的選擇，但由于 dreamweaver沒有調試功能，而且javascript的自動提示功能又不太好用，作為以代碼編寫為主的開發者來說，這是難以接受的。
是以在這裡推薦另一款開發工具，那就是eclipse，它是完全免費的，而且也帶有比較好的javascript提示功能。
在下載下傳eclipse之前，需要先下載下傳jdk，來支援eclipse的運作。jdk的下載下傳位址為：<code>http://www.oracle.com/technetwork/java/javase/downloads/index.html</code>下載下傳時，進入頁面後，選擇需要的jdk，如圖1-2所示。
單擊jdk圖示後，進入下載下傳頁面，sun公司為不同的系統提供了不同版本的jdk，如圖1-3所示。單擊需要的版本進行下載下傳，并安裝。
安裝了jdk之後，就可以開始下載下傳eclipse了。eclipse的官方下載下傳位址為：
<code>http://www.eclipse.org/downloads/</code>
下載下傳界面如圖1-4所示。
下載下傳後直接解壓，運作eclipse.exe即可。
接下來開始安裝html5環境。打開help菜單中的install new software選項，如圖1-5所示。
在彈出的視窗中，在work with文本框中輸入<code>http://download.aptana.com/studio3/plugin/install</code>，如圖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所示。
至此，整個準備工作就完成了。