如题所述
第一、【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。
第二、还有一种是【JetBrains WebStorm】工具，需要创建HTML文档时可获得对【HTML5】文件的支持，现在的运用很多，比如砍伐者键入，使用者可以在【chrome】浏览器中及时的预览【HTML】的文档很方便。
第三、微软的【Visual Studio 2010 SP1】中提供了IntelliSense这个项目，也就是说追加了针对【HTML5】的一些元素，总体使用起来还是比较好的，但是我们要结合【ddhu】的一些实用工具。
第四、【Dojo Foundation Maqetta】是一个不错的选择，这款是工具是来自于【IBM】项目之一，【Dojo Foundation Maqetta】是为桌面和移动设备开发HTML5应用的开源工具，浏览器即可使用。
第五、当然还有【Sencha Touch2】是移动应用框架的一种，可以当做一个重要【Sencha】的HTML5平台，使用者可以用它开发面向【iOS】进行制作和使用，也可以【Android】和【Blackberry、Kindle Fire】使用。
第六、现在我们继续介绍【Sencha】，这款工具的主要定位是【HTML5】的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署。
第七、我们来介绍一下【Adobe ColdFusion 】，这款工具主要是用来开发企业【Web】程序的一个技术，通过【Websockets】和互动表单以及视频等来做出【HTML5】技术，创建一种用户体验。
第八、最后【Adobe Dreamweaver CS6】作为一个【Web】端口的一种设计软件，这款工具提供了对【HTML】网站和移动程序的可视化编辑界面，整体来说使用也是比较的方便。
Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。类似的还有Notepad++、UltraEdit
2.Dreamweaver
Dreamweaver拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。
3.Adobe Edge
Adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画。
4.WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
5.DevExtreme
DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。
初次之外还有很多优秀的HTML5开发工具，不一一列举。本回答被网友采纳
H5页面制作工具完全满足您个性化需求,零代码在线制作专业微杂志,测试答题,视频H5,微信邀请函,h5小游戏,H5流式长页面等创意营销互动网页,并可直接微信发布
php的话phpstorm
服务端开发环境 virtualbox+vagrant+homestead
前端调试当然是chrome和一大堆extensions，在mac下，所以用virtualbox测试windows下的ie浏览器
shell工具用iterm
版本控制sourcetree + git
笔记、知识库 evernote
还有lantern，你懂的本回答被网友采纳
